Formik でチェックボックスの値の変更を管理する

Formik でチェックボックスの値の変更を管理する場合は handleChange でハンドリングできないので、代わりに setFieldValue を使います。

<FormControlLabel
  control={
    <CheckBox
      checked={formik.values.isHoge}
      onChange={() => formik.setFieldValue('isHoge', !formik.values.isHoge)}
      name="isHoge"
    />
  }
  label="hoge"
/>

参考
Checkbox onChange event is not handled by handleChange props by Formik