Fix window reference error

salhotra · Jul 22, 2024 · 97d45ec · 97d45ec
1 parent d3ea023
commit 97d45ec
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/app/components/About.tsx b/src/app/components/About.tsx
@@ -36,11 +36,18 @@ const useContainerSize = (ref: React.RefObject<HTMLDivElement>) => {
 
 const useWindowSize = () => {
   const [windowSize, setWindowSize] = useState({
-    width: window.innerWidth,
-    height: window.innerHeight,
+    width: 0,
+    height: 0,
   });
 
   useEffect(() => {
+    // Initial window size. This is done here instead of in the useState
+    // declaration because the window object is not available on the server.
+    setWindowSize({
+      width: window.innerWidth,
+      height: window.innerHeight,
+    });
+
     const handleResize = () => {
       setWindowSize({
         width: window.innerWidth,