An example of checkbox component using the React.ChangeEventHandle to set value

Checkbox-ChangeEventHandler.tsx

import React from 'react'

export const Checkbox = ({ label} : {label: string}) => {
  const [value, setValue] = React.useState(false);
  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {
    setValue(event.currentTarget.checked)
  }
  return (
    <label style={{
        padding: "1rem",
        border: value ? "2px solid #8D2" : "2px solid #F70" 
    }}>
        <input type='checkbox' checked={value} onChange={handleChange} />
        {label}
    </label>
  )
}