const localStoragePersister = createSyncStoragePersister({
storage: window.localStorage,
})
const queryClient = new QueryClient({
defaultOptions: {
queries: {
// never refetch data during a particular session
staleTime: Infinity,
gcTime: Infinity,
retry: false,
refetchOnWindowFocus: false,
refetchOnMount: false,
refetchOnReconnect: false,
},
},
})
// Render the app
const rootElement = document.getElementById('app')
if (rootElement && !rootElement.innerHTML) {
const root = ReactDOM.createRoot(rootElement)
root.render(
<StrictMode>
<PersistQueryClientProvider
client={queryClient}
// only refetch data upon page load if the data is old enough
persistOptions={{
persister: localStoragePersister,
maxAge: 3600,
}}
>
<RouterProvider router={router} />
</PersistQueryClientProvider>
</StrictMode>,
)
}
const localStoragePersister = createSyncStoragePersister({
storage: window.localStorage,
})
const queryClient = new QueryClient({
defaultOptions: {
queries: {
// never refetch data during a particular session
staleTime: Infinity,
gcTime: Infinity,
retry: false,
refetchOnWindowFocus: false,
refetchOnMount: false,
refetchOnReconnect: false,
},
},
})
// Render the app
const rootElement = document.getElementById('app')
if (rootElement && !rootElement.innerHTML) {
const root = ReactDOM.createRoot(rootElement)
root.render(
<StrictMode>
<PersistQueryClientProvider
client={queryClient}
// only refetch data upon page load if the data is old enough
persistOptions={{
persister: localStoragePersister,
maxAge: 3600,
}}
>
<RouterProvider router={router} />
</PersistQueryClientProvider>
</StrictMode>,
)
}