feat: 무효 토큰 리다이렉트

Kernel360 · Feb 29, 2024 · 3bdf252 · 3bdf252
1 parent 8f8b9d6
commit 3bdf252
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/remote/queries/favorite/useFavoriteList.ts b/src/remote/queries/favorite/useFavoriteList.ts
@@ -1,6 +1,7 @@
 import { useCallback } from 'react';
 
 import { useInfiniteQuery } from '@tanstack/react-query';
+import { useRouter } from 'next/navigation';
 
 import { SearchFilterType } from '@constants/searchByMap';
 import { getFavoriteList } from '@remote/api/requests/favorite/favorite.get.api';
@@ -9,6 +10,7 @@ import { ProductListInfoType } from '@remote/api/types/home';
 const PAGE_SIZE = 10;
 
 function useFavoriteList(sortType: SearchFilterType = 'recent-order') {
+  const router = useRouter();
   const {
     data, isLoading, fetchNextPage, isFetching, hasNextPage = false,
   } = useInfiniteQuery<ProductListInfoType>({
@@ -30,6 +32,11 @@ function useFavoriteList(sortType: SearchFilterType = 'recent-order') {
     suspense: true,
   });
 
+  // 유효하지 않는 토큰인 경우
+  if (data?.pages[0].status === 401) {
+    router.push('/login');
+  }
+
   const favoriteList = data?.pages.flatMap((page) => { return page.value.content; }) || [];
 
   const loadMore = useCallback(async () => {