[fix] localStorage useEffect 적용

se-cau · May 30, 2024 · caaf8d9 · caaf8d9
1 parent 9d63f67
commit caaf8d9
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/pages/project/[id].tsx b/src/pages/project/[id].tsx
@@ -1,4 +1,4 @@
-import React ,{useState} from 'react';
+import React ,{useState, useEffect} from 'react';
 import styled from 'styled-components';
 import {useRouter} from 'next/router';
 import NewIssue from '@/components/modal/NewIssue';
@@ -40,6 +40,14 @@ const Issues = () => {
 
 
     const [isVisible, setVisiable] = useRecoilState(modalState);
+    const [projectName, setProjectname] = useState<string|null>(null);
+
+    useEffect(()=>{
+        if (typeof window!== 'undefined'){
+            setProjectname(localStorage.getItem('projectName'));
+        }
+
+    })
 
     const handleModal = ()=>{
         setVisiable(true);
@@ -53,7 +61,6 @@ const Issues = () => {
         refetch();
     }
 
-    const projectName = localStorage.getItem('projectName');
 
 
     const [isHovered, setIsHovered] = useState(false);