formik-checkbox.js

const Checkbox = props => {
  const CHECKBOX_NAME = props.name;
  const CHECKBOX_VALUE = props.value;
  
  // Using Formik Hooks, pass the checkbox name as the field we would like to use
  const [field, meta, helper] = useField(CHECKBOX_NAME);
  // Get the current checked state of the field based on its value
  const isChecked = !!field.value[CHECKBOX_VALUE];

  const handleChange = () => {
    // And set the value of the field to an object
    // containing the checked state's opposite value.
    helper.setValue({
      ...field.value,
      [CHECKBOX_VALUE]: !isChecked
    });
  };

  return (
    <input
      type="checkbox"
      onChange={handleChange}
      checked={isChecked}
      {...props}
    />
  );
};