fix: make FormikCheck useField like other fields

TACC · May 20, 2024 · 9205e39 · 9205e39
1 parent d005466
commit 9205e39
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikCheck.tsx b/libs/core-components/src/lib/FieldWrapperFormik/fields/FormikCheck.tsx
@@ -1,4 +1,4 @@
-import { FieldInputProps, Field } from 'formik';
+import { FieldInputProps, Field, useField } from 'formik';
 import { FormikInputProps } from '.';
 import { Input, FormText, FormGroup, Label } from 'reactstrap';
 import styles from './FormikCheck.module.css';
@@ -10,6 +10,7 @@ const FormikCheck: React.FC<FormikInputProps> = ({
   description,
   ...props
 }: FormikInputProps) => {
+  const [field] = useField(name);
   return (
     <FormGroup check>
       <Label check className={`form-field__label ${styles.nospace}`} size="sm">
@@ -18,6 +19,7 @@ const FormikCheck: React.FC<FormikInputProps> = ({
           as={(formikProps: FieldInputProps<any>) => (
             <Input
               bsSize="sm"
+              {...field}
               {...props}
               {...formikProps}
               type="checkbox"