🐛Fix: ProfilePage 깜빡임

prgrms-web-devcourse-final-project · Dec 4, 2024 · 25e84d5 · 25e84d5
1 parent 0a61c61
commit 25e84d5
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/apis/member/useFetchProfile.tsx b/src/apis/member/useFetchProfile.tsx
@@ -6,5 +6,6 @@ export const useFetchProfile = (memberId: number): UseQueryResult<FetchProfileRe
     queryKey: ['profile', memberId],
     queryFn: () => fetchProfile({ memberId }).then(data => data.data),
     enabled: !!memberId,
+    staleTime: 1000 * 60 * 5, // 5분
   })
 }
diff --git a/src/pages/ProfilePage/index.tsx b/src/pages/ProfilePage/index.tsx
@@ -12,8 +12,9 @@ export default function ProfilePage() {
   const { id = '0' } = useParams()
   const navigate = useNavigate()
 
-  const { data, isLoading, isError } = useFetchProfile(+id)
+  const { data, isLoading, isError, isFetching } = useFetchProfile(+id)
 
+  if (isFetching) return <div>isFetching</div>
   if (isLoading) return <Loader />
   if (isError) return <div>Error fetching profile</div>
 

diff --git a/src/stores/modalStore.ts b/src/stores/modalStore.ts
@@ -31,6 +31,7 @@ export const useModalStore = create<ModalStore>((set, get) => ({
   clearModal: () => {
     set({ modalList: [] })
     // 모든 모달 제거 시 히스토리 초기화
-    window.history.go(-get().modalList.length)
+    const modalCount = get().modalList.length
+    if (modalCount) window.history.go(-modalCount)
   },
 }))