🥌 improve useFormState with mounted ref to skip update when hook is u…

…nmounted (react-hook-form#7489)
stutrek · Jan 11, 2022 · cf2c633 · cf2c633
1 parent 9b1dcf9
commit cf2c633
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/useFormState.ts b/src/useFormState.ts
@@ -27,11 +27,13 @@ function useFormState<TFieldValues extends FieldValues = FieldValues>(
     errors: false,
   });
   const _name = React.useRef(name);
+  const _mounted = React.useRef(true);
 
   _name.current = name;
 
   const callback = React.useCallback(
     (value) =>
+      _mounted.current &&
       shouldSubscribeByName(
         _name.current as InternalFieldName,
         value.name,
@@ -51,6 +53,13 @@ function useFormState<TFieldValues extends FieldValues = FieldValues>(
     subject: control._subjects.state,
   });
 
+  React.useEffect(
+    () => () => {
+      _mounted.current = false;
+    },
+    [],
+  );
+
   return getProxyFormState(
     formState,
     control._proxyFormState,