fix: show error on change

ocadotechnology · Jun 20, 2023 · ffbce97 · ffbce97
1 parent 673bb91
commit ffbce97
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/form/CheckboxField.tsx b/src/components/form/CheckboxField.tsx
@@ -65,8 +65,11 @@ const CheckboxField: React.FC<CheckboxFieldProps> = ({
   return (
     <Field {...fieldConfig}>
       {({ form, meta }: FieldProps) => {
+        const [showError, setShowError] = React.useState(false);
+
         onChange = wrap({
           after: (_, checked) => {
+            setShowError(true);
             form.setFieldValue(name, checked, true);
           }
         }, onChange);
@@ -87,7 +90,7 @@ const CheckboxField: React.FC<CheckboxFieldProps> = ({
               />}
               {...formControlLabelProps}
             />
-            {meta.error !== undefined && meta.error !== '' &&
+            {showError && ![undefined, ''].includes(meta.error) &&
               <ClickableTooltip title={meta.error}>
                 <ErrorIcon className='checkbox-error' />
               </ClickableTooltip>