diff --git a/components/windowsize.tsx b/components/windowsize.tsx index 27cb575..063fae5 100644 --- a/components/windowsize.tsx +++ b/components/windowsize.tsx @@ -1,9 +1,14 @@ import { useEffect, useState } from "react"; -export default function useWindowSize() { - const [windowSize, setWindowSize] = useState({ - width: 0, - height: 0, +interface ScreenSize { + width: number | undefined; + height: number | undefined; +} + +export default function useWindowSize(): boolean | undefined { + const [windowSize, setWindowSize] = useState({ + width: undefined, + height: undefined, }); useEffect(() => { @@ -20,5 +25,10 @@ export default function useWindowSize() { return () => window.removeEventListener("resize", handleResize); }, []); - return windowSize.width <= 1080; + if(typeof(windowSize.width) === "number") { + return windowSize.width <= 1080; + } + else { + return undefined; + } } \ No newline at end of file