Apply queryClient.invalidateQueries on PersistQueryClientProvider. Re…

…vert refetchOnMount=true for useBlockTimestamp and reactQuery
ensdomains · Sep 18, 2024 · 2efca82 · 2efca82
1 parent 47363e3
commit 2efca82
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/hooks/chain/useBlockTimestamp.ts b/src/hooks/chain/useBlockTimestamp.ts
@@ -12,7 +12,7 @@ export const useBlockTimestamp = ({ enabled = true }: UseBlockTimestampParameter
     blockTag: 'latest',
     query: {
       enabled,
-      refetchOnMount: 'always',
+      refetchOnMount: true,
       refetchInterval: 1000 * 60 * 5 /* 5 minutes */,
       staleTime: 1000 * 60 /* 1 minute */,
       select: (b) => b.timestamp * 1000n,

diff --git a/src/utils/query/providers.tsx b/src/utils/query/providers.tsx
@@ -1,3 +1,4 @@
+import { ReactQueryDevtoolsPanel } from '@tanstack/react-query-devtools'
 import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client'
 import type { ReactNode } from 'react'
 import { WagmiProvider } from 'wagmi'
@@ -16,8 +17,13 @@ export function QueryProviders({ children }: Props) {
       <PersistQueryClientProvider
         client={queryClient}
         persistOptions={createPersistConfig({ queryClient })}
+        onSuccess={() => {
+          return queryClient.invalidateQueries()
+        }}
       >
         {children}
+
+        <ReactQueryDevtoolsPanel client={queryClient} />
       </PersistQueryClientProvider>
     </WagmiProvider>
   )

diff --git a/src/utils/query/reactQuery.ts b/src/utils/query/reactQuery.ts
@@ -5,7 +5,7 @@ export const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
       refetchOnWindowFocus: true,
-      refetchOnMount: 'always',
+      refetchOnMount: true,
       staleTime: 1_000 * 12,
       gcTime: 1_000 * 60 * 60 * 24,
       queryKeyHashFn: hashFn,