An example of checkbox component using the inline onChange function to set value

Checkbox-InlineChangeFunction.tsx

import React from 'react'

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