fix: ts 수정

codeit-bootcamp-frontend · Aug 13, 2024 · 5580da4 · 5580da4
1 parent dee63be
commit 5580da4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/hooks/useViewport.jsx b/hooks/useViewport.jsx
@@ -1,14 +1,20 @@
 import { useState, useEffect } from "react";
 
 const useViewport = () => {
-  const [width, setWidth] = useState(window.innerWidth);
+  const [width, setWidth] = useState(
+    typeof window !== "undefined" ? window.innerWidth : 0
+  );
 
   useEffect(() => {
-    const handleWindowResize = () => setWidth(window.innerWidth);
+    if (typeof window !== "undefined") {
+      const handleWindowResize = () => setWidth(window.innerWidth);
 
-    window.addEventListener("resize", handleWindowResize);
+      window.addEventListener("resize", handleWindowResize);
 
-    return () => window.removeEventListener("resize", handleWindowResize);
+      return () => {
+        window.removeEventListener("resize", handleWindowResize);
+      };
+    }
   }, []);
 
   return width;

diff --git a/styles/globals.scss b/styles/globals.scss
@@ -1,4 +1,3 @@
 @use "fonts";
 @use "reset";
 @use "variables";
-@use "mixins";