fix: No window object

armada-ths · Feb 15, 2024 · 611080b · 611080b
1 parent 92c7f56
commit 611080b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/shared/NavigationMenu.tsx b/src/components/shared/NavigationMenu.tsx
@@ -72,7 +72,7 @@ export function NavigationMenu(props: React.HTMLAttributes<HTMLDivElement>) {
 
 	useEffect(() => {
 		// Always close sheet if its open when expanding the screen size
-		if (width > 768 && sheetOpen) {
+		if ((width ?? 0) > 768 && sheetOpen) {
 			setSheetOpen(false)
 		}
 	}, [width, sheetOpen])

diff --git a/src/components/shared/hooks/useScreenSize.tsx b/src/components/shared/hooks/useScreenSize.tsx
@@ -1,9 +1,13 @@
+"use client"
 import { useEffect, useState } from "react"
 
 export function useScreenSize() {
-	const [screenSize, setScreenSize] = useState({
-		width: window.innerWidth,
-		height: window.innerHeight
+	const [screenSize, setScreenSize] = useState<{
+		width: number | undefined
+		height: number | undefined
+	}>({
+		width: undefined,
+		height: undefined
 	})
 
 	useEffect(() => {