Checkbox

() => {
  const [checked1, setChecked1] = useState(true)
  return (
    <div>
      <Checkbox
        checked={checked1}
        onChange={e => setChecked1(e.target.checked)}
      />
    </div>
  )
}

() => {
  const [checked2, setChecked2] = useState(false)
  return (
    <div>
      <Checkbox
        checked={checked2}
        onChange={e => setChecked2(e.target.checked)}
      >
        🤔️Agree?
      </Checkbox>
    </div>
  )
}