Make useWindowInnerSize not crash on the server

garronej · Jul 7, 2023 · ada6c9a · ada6c9a
1 parent 600bd42
commit ada6c9a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/tools/isBrowser.ts b/src/tools/isBrowser.ts
@@ -0,0 +1 @@
+export const isBrowser = typeof window === "object" && typeof document === "object";
diff --git a/src/tools/useWindowInnerSize.ts b/src/tools/useWindowInnerSize.ts
@@ -3,12 +3,14 @@
 import { useState } from "react";
 import { Evt } from "evt";
 import { useEvt } from "evt/hooks/useEvt";
+import { isBrowser } from "./isBrowser";
 
+/** Returns -1 values on the server side */
 export function useWindowInnerSize() {
 
 	const [dimensions, setDimensions] = useState(() => ({
-		"windowInnerWidth": window.innerWidth,
-		"windowInnerHeight": window.innerHeight
+		"windowInnerWidth": !isBrowser ? -1 : window.innerWidth,
+		"windowInnerHeight": !isBrowser ? -1 : window.innerHeight
 	}));
 
 	useEvt(ctx =>

diff --git a/src/useWindowInnerSize.ts b/src/useWindowInnerSize.ts
@@ -2,7 +2,7 @@
 import { useWindowInnerSize as useRealWindowInnerSize } from "./tools/useWindowInnerSize";
 import { useViewPortState } from "./ViewPortAdapter";
 
-
+/** Returns -1 values on the server side */
 export function useWindowInnerSize() {
 
 	const { viewPortState } = useViewPortState();