Fix use event callback in handlers (#2187)

jaredpalmer · Jan 9, 2020 · c959f47 · c959f47 · vercel · Jan 9, 2020
1 parent 6f4aadd
commit c959f47
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/packages/formik/src/Formik.tsx b/packages/formik/src/Formik.tsx
@@ -625,7 +625,7 @@ export function useFormik<Values extends FormikValues = FormikValues>({
     [setFieldValue, state.values]
   );
 
-  const handleChange = React.useCallback(
+  const handleChange = useEventCallback(
     (
       eventOrPath: string | React.ChangeEvent<any>
     ): void | ((eventOrTextValue: string | React.ChangeEvent<any>) => void) => {
@@ -635,7 +635,6 @@ export function useFormik<Values extends FormikValues = FormikValues>({
         executeChange(eventOrPath);
       }
     },
-    [executeChange]
   );
 
   const setFieldTouched = useEventCallback(
@@ -676,15 +675,14 @@ export function useFormik<Values extends FormikValues = FormikValues>({
     [setFieldTouched]
   );
 
-  const handleBlur = React.useCallback(
+  const handleBlur = useEventCallback(
     (eventOrString: any): void | ((e: any) => void) => {
       if (isString(eventOrString)) {
         return event => executeBlur(event, eventOrString);
       } else {
         executeBlur(eventOrString);
       }
     },
-    [executeBlur]
   );
 
   const setFormikState = React.useCallback(