TanStackT
TanStack•2y ago•
4 replies
full-green

Stale data after implementing `persist`

I've recently started to use createSyncStoragePersister to persist my queryClient for some queries. But since then, some queries don't seem to refetch at all. An example:
useQuery({
    queryKey: queryKeyAppData(),
    queryFn: async () =>
      axios.get<ApiResponse<AppData>>("/appdata"),
    staleTime: 3600000,
    refetchOnMount: false,
    refetchOnWindowFocus: false,
    refetchInterval: 7200000,
  })


My queryClient is as follows:
export const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      gcTime: 3600000,
    },
  },
});


If I look in the localstorage of my browser, I see that the dataUpdatedAt is 16 hours ago (which matches with the data it contains). Shouldn't the data be considered stale when fetching it form localstorage, after which a refetch should occur?
Was this page helpful?