fix: 🐛 make useWindowSize work on server

streamich · Mar 4, 2019 · 8f93853 · 8f93853
1 parent d850e97
commit 8f93853
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/src/useWindowSize.ts b/src/useWindowSize.ts
@@ -9,15 +9,19 @@ const useWindowSize = (initialWidth = Infinity, initialHeight = Infinity) => {
   });
 
   useEffect(() => {
-    const handler = () => {
-      setState({
-        width: window.innerWidth,
-        height: window.innerHeight
-      });
-    };
-    window.addEventListener('resize', handler);
-    return () => window.removeEventListener('resize', handler);
-  }, [1]);
+    if (isClient) {
+      const handler = () => {
+        setState({
+          width: window.innerWidth,
+          height: window.innerHeight
+        });
+      };
+      window.addEventListener('resize', handler);
+      return () => window.removeEventListener('resize', handler);
+    } else {
+      return undefined;
+    }
+  }, []);
 
   return state;
 };