initial commit

src/providers/ReactQueryProvider.tsx

@@ -0,0 +1,37 @@
+'use client'
+
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
+import { ReactNode, useState } from 'react'
+
+export const ReactQueryProvider = ({ children }: { children: ReactNode }) => {
+  const [client] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 5 * 60 * 1000, // 5 minutes
+            gcTime: 10 * 60 * 1000, // 10 minutes (formerly cacheTime)
+            retry: (failureCount, error: any) => {
+              // Don't retry on 4xx errors
+              if (error?.status >= 400 && error?.status < 500) {
+                return false
+              }
+              return failureCount < 3
+            },
+            refetchOnWindowFocus: false
+          },
+          mutations: {
+            retry: 1
+          }
+        }
+      })
+  )
+  
+  return (
+    <QueryClientProvider client={client}>
+      {children}
+      {process.env.NODE_ENV === 'development' && <ReactQueryDevtools initialIsOpen={false} />}
+    </QueryClientProvider>
+  )
+}