useCheckboxString to handle a list of checkboxes in an array of stirngs

usage.tsx

const checkboxHandlers = useCheckboxString('myCheckboxList');

{possibleValues.map(value => (
              <Checkbox
                key={value}
                name={value}
                label={t(value)}
                {...checkboxHandlers(disability)}
              />
            ))}

useCheckboxString.tsx

import { useField, useFormikContext } from 'formik';

export const useCheckboxString = (fieldName: string) => {
  const formik = useFormikContext();
  const { setFieldValue } = formik;

  const [field] = useField(fieldName);

  const onChange = (checkboxValue: string) => (event: React.ChangeEvent<HTMLInputElement>, isInputChecked: boolean) => {
    if (isInputChecked) {
      return setFieldValue(fieldName, [...field.value, checkboxValue]);
    } else {
      return setFieldValue(fieldName, field.value.filter(item => item !== checkboxValue));
    }
  };

  const isChecked = (checkboxValue: string) => {
    return field.value.includes(checkboxValue);
  };

  const getCheckboxHandler = (checkboxValue: string) => {
    return {
      onChange: onChange(checkboxValue),
      checked: isChecked(checkboxValue),
    };
  };

  return getCheckboxHandler;
};