fix(useForm): elimiate useLayoutEffect warning in SSR

wellyshen · Nov 7, 2020 · d40937d · d40937d
1 parent e27c858
commit d40937d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/new-ants-brush.md b/.changeset/new-ants-brush.md
@@ -0,0 +1,5 @@
+---
+"react-cool-form": patch
+---
+
+fix(useForm): elimiate useLayoutEffect warning in SSR
diff --git a/src/index.ts b/src/index.ts
@@ -47,6 +47,9 @@ import {
   warn,
 } from "./utils";
 
+const useUniversalLayoutEffect =
+  typeof window === "undefined" ? useEffect : useLayoutEffect;
+
 const isFieldElement = ({ tagName }: HTMLElement) =>
   /INPUT|TEXTAREA|SELECT/.test(tagName);
 
@@ -576,7 +579,7 @@ const useForm = <V extends FormValues = FormValues>({
     ]
   );
 
-  useLayoutEffect(() => {
+  useUniversalLayoutEffect(() => {
     if (!formRef.current) {
       warn(
         '💡 react-cool-form: Don\'t forget to register your form via the "formRef".'