Set stale time for query to 2 mins to reduce db queries

linkfang · Dec 16, 2023 · 5bab4a7 · 5bab4a7
1 parent ea1f79a
commit 5bab4a7
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -5,15 +5,24 @@ import '@/styles/globals.css'
 import dayjs from 'dayjs'
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore'
 import isSameOrAfter from 'dayjs/plugin/isSameOrAfter'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 
 dayjs.extend(isSameOrBefore)
 dayjs.extend(isSameOrAfter)
 
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: { staleTime: 1000 * 120 },
+  },
+})
+
 const MyApp: AppType = ({ Component, pageProps }) => {
   return (
-    <NavLayout>
-      <Component {...pageProps} />
-    </NavLayout>
+    <QueryClientProvider client={queryClient}>
+      <NavLayout>
+        <Component {...pageProps} />
+      </NavLayout>
+    </QueryClientProvider>
   )
 }