chore: install react query devtools (#1081)

app/react-query.provider.tsx

@@ -1,8 +1,10 @@
 'use client'
 
+import { isDev } from '@/lib/config/app.config'
 import { captureError } from '@/lib/shared/utils/errors'
 import { SentryMetadata, captureSentryError, shouldIgnore } from '@/lib/shared/utils/query-errors'
 import { QueryCache, QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
 import { ReactNode } from 'react'
 
 export const queryClient = new QueryClient({
@@ -25,5 +27,11 @@ export const queryClient = new QueryClient({
 })
 
 export function ReactQueryClientProvider({ children }: { children: ReactNode | ReactNode[] }) {
-  return <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+  const shouldShowReactQueryDevtools = false
+  return (
+    <QueryClientProvider client={queryClient}>
+      {children}
+      {isDev && shouldShowReactQueryDevtools && <ReactQueryDevtools initialIsOpen={false} />}
+    </QueryClientProvider>
+  )
 }

package.json

@@ -50,6 +50,7 @@
     "@sentry/nextjs": "^8.13.0",
     "@studio-freight/react-lenis": "^0.0.47",
     "@tanstack/react-query": "^5.29.2",
+    "@tanstack/react-query-devtools": "^5.56.0",
     "@tanstack/react-table": "^8.9.3",
     "@vercel/speed-insights": "^1.0.1",
     "bignumber.js": "^9.1.2",