Fix useDimensions initial value issue

Temzasse · Oct 27, 2024 · 1dc8c88 · 1dc8c88
1 parent b88687a
commit 1dc8c88
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/hooks.tsx b/src/hooks.tsx
@@ -7,7 +7,7 @@ import {
   useState,
 } from 'react';
 
-import { type BoundingBox } from 'framer-motion';
+import { isBrowser, type BoundingBox } from 'framer-motion';
 
 import { IS_SSR } from './constants';
 import { type SheetEvents } from './types';
@@ -67,7 +67,10 @@ export function useEventCallbacks(
 }
 
 export function useDimensions() {
-  const [dimensions, setDimensions] = useState({ height: 0, width: 0 });
+  const [dimensions, setDimensions] = useState({
+    height: isBrowser ? window.innerHeight : 0,
+    width: isBrowser ? window.innerWidth : 0,
+  });
 
   useIsomorphicLayoutEffect(() => {
     function handler() {