Merge pull request #196 from Kernel360/configure-staletime

페이지 기능: staletime 설정
Kernel360 · Feb 20, 2024 · 187fb8b · 187fb8b
2 parents 16b9b19 + 4b104b1
commit 187fb8b
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 2 deletions.
diff --git a/src/providers/QueryProvider.tsx b/src/providers/QueryProvider.tsx
@@ -5,8 +5,19 @@ import { useState } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 
+const CONFIGURATION_TIME = 3 * 60 * 1000;
+
 function QueryProvider({ children }: { children: React.ReactNode }) {
-  const [client] = useState(() => { return new QueryClient(); });
+  const [client] = useState(() => {
+    return new QueryClient({
+      defaultOptions: {
+        queries: {
+          staleTime: CONFIGURATION_TIME,
+          cacheTime: CONFIGURATION_TIME,
+        },
+      },
+    });
+  });
 
   return (
     <QueryClientProvider client={client}>

diff --git a/src/remote/queries/home/useProductList.ts b/src/remote/queries/home/useProductList.ts
@@ -5,12 +5,20 @@ import { useInfiniteQuery } from '@tanstack/react-query';
 import { HomeSortType } from '@components/home/filer-group/types/filterGroup.type';
 import { getProductList } from '@remote/api/requests/home/home.get.api';
 
+const PAGE_SIZE = 10;
+
 function useProductList(sortType: HomeSortType = 'recent-order') {
   const {
     data: productList, isLoading, fetchNextPage, isFetching, hasNextPage = false,
   } = useInfiniteQuery({
     queryKey: ['productList', sortType],
-    queryFn: ({ pageParam = 0 }) => { return getProductList(Number(pageParam), 10, sortType); },
+    queryFn: ({ pageParam = 0 }) => {
+      return getProductList(
+        Number(pageParam),
+        PAGE_SIZE,
+        sortType,
+      );
+    },
     getNextPageParam: (lastPage) => {
       return (
         lastPage.value.last