Zen
Zen•15mo ago

Caching(?) previous data until query returns new data

when I update my useQuery inputs with new filters it instantly sets the data to undefined while the query isLoading. Is there a way to keep the previous data there until the new data returns from the server? Currently there's big flashes in the UI between applications of the filters, as my data length drops to effectively zero then bounced back up again when the new data loads
1 Reply
Zen
Zen•15mo ago
nevermind, found it. There's a flag you can put on the query keepPreviousData:true - https://tanstack.com/query/v4/docs/react/guides/paginated-queries#better-paginated-queries-with-keeppreviousdata
Paginated / Lagged Queries | TanStack Query Docs
Rendering paginated data is a very common UI pattern and in TanStack Query, it "just works" by including the page information in the query key:
More Posts
How to upload file not use S3 Next js? Please, examplefile: course.router.ts / import { CourseSchema } from "~/schema/post.schema"; import { createTRPChow can i send a request to specific route in trpc server, after mutation ?i am using trpc with next js ,Help in deploymentHey all, I am building an app which is having a 1 . vite-react frontend 2 . trpc-standalone how to persist the query client?I want to persist the trpc query client cache, but don't want to create a new query client, I want tHow to infer type of a nested object from app router output?I have a tRPC router than returns a nested object through a db query. It looks like this: ```ts ILeWhat's the type of errorFormatter parameterI wanna know how could i get the type of the errorFormatter parameter, so i can move the errorFormat