#Query cache persist when navigating with Tanstack navigation?

2 messages · Page 1 of 1 (latest)

heady night
#

I have my query client provider around the router provider

    <QueryClientProvider client={queryClient}>
      <RouterProvider router={router} />
    </QueryClientProvider>```

Then i have it so when you create create an item it sets the item data with the returned value. Then it navigates to the actual page for the item. But right now it's refetching the item.
#
  return useMutation<Folder, Error, CreateFolderInput>({
    mutationFn: createFolder,
    onSuccess: (...args) => {
      queryClient.setQueryData(['folder', args[0].id], args[0]);
      onSuccess?.(...args); //navigates to folder route
    },
    ...mutationConfig,
  });```

```ts
  return useQuery<Folder>({
    queryKey: ['folder', folderId],
    staleTime: 60 * 1000,
    refetchOnMount: false,
    refetchOnWindowFocus: false,
    queryFn: () => getFolder(folderId),
    ...queryConfig,
  });```