refactor: 알림상품 useQuery로 변경

i-Tracker · Jun 28, 2024 · 6ae274a · 6ae274a
1 parent 83db311
commit 6ae274a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 21 deletions.
diff --git a/src/app/(iTracker)/my/page.tsx b/src/app/(iTracker)/my/page.tsx
@@ -16,23 +16,7 @@ export default function MyPage() {
         가격이 변할 때마다 카카오톡 알림을 보내드려요!
       </Text>
 
-      <ErrorBoundary
-        fallback={
-          <Text typography="small" className="text-badge">
-            알림상품을 불러오지 못했어요
-          </Text>
-        }
-      >
-        <Suspense
-          fallback={
-            <div className="p-8">
-              <Loading />
-            </div>
-          }
-        >
-          <FavoritesList />
-        </Suspense>
-      </ErrorBoundary>
+      <FavoritesList />
     </div>
   );
 }
diff --git a/src/features/my/api/getFavorites.ts b/src/features/my/api/getFavorites.ts
@@ -13,7 +13,11 @@ const getFavoritesUrl = () => `${API_BASE_URL}/api/v1/favorites`;
 
 export const getFavorites = async () => {
   try {
-    const response = await instance.get<GetFavoritesResponse>(getFavoritesUrl());
+    const response = await instance.get<GetFavoritesResponse>(getFavoritesUrl(), {
+      headers: {
+        'Cache-Control': 'no-store', // 서버와 브라우저 모두에 캐시를 저장하지 않도록 설정
+      },
+    });
 
     return response.data;
   } catch (e) {

diff --git a/src/features/my/hooks/useGetFavorites.ts b/src/features/my/hooks/useGetFavorites.ts
@@ -1,8 +1,8 @@
-import { UseSuspenseQueryResult, useSuspenseQuery } from '@tanstack/react-query';
+import { useQuery, UseQueryResult } from '@tanstack/react-query';
 import { GetFavoritesResponse, getFavorites } from '../api/getFavorites';
 
-export const useGetFavorites = (): UseSuspenseQueryResult<GetFavoritesResponse> => {
-  return useSuspenseQuery({
+export const useGetFavorites = (): UseQueryResult<GetFavoritesResponse> => {
+  return useQuery({
     queryKey: ['favorites'],
     queryFn: getFavorites,
   });