Fix rendering while updating in FormSpy and useFormState

final-form · Dec 18, 2021 · 5c125b9 · 5c125b9
1 parent 3e0c032
commit 5c125b9
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/useFormState.js b/src/useFormState.js
@@ -22,13 +22,19 @@ function useFormState<FormValues: FormValuesShape>({
       form.subscribe((state) => {
         initialState = state;
       }, subscription)();
-      if (onChange) {
-        onChange(initialState);
-      }
       return initialState;
     },
   );
 
+  React.useEffect(
+    () => {
+      if (onChange) {
+        onChange(state);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [],
+  );
   React.useEffect(
     () =>
       form.subscribe((newState) => {