TTC
Theo's Typesafe Cult•10mo ago
Ayush Goyal

React query Refetching on page change

let { data: orders, isLoading, isFetching, isError, error, refetch } = trpc.order.getallcart.useQuery(undefined, { retry: 1 });
let { data: orders, isLoading, isFetching, isError, error, refetch } = trpc.order.getallcart.useQuery(undefined, { retry: 1 });
I am using this code ( react query + trpc) , i want whenever i change links , router , the query should rerun and new data should come from the database but it is not happening , i tried various refetching methods but none of them worked , anyone who can suggest something
1 Reply
Kseikyo
Kseikyo•10mo ago
what you're probably looking for is query invalidation https://tanstack.com/query/v4/docs/react/guides/query-invalidation you can also use the refetchOnMount: "always" so it will force a refetch on mount even if data is not stale (not marked as invalid)
Want results from more Discord servers?
Add your server
More Posts
expo hermes flagsI want to launch hermes with -Xmicrotask-queue to enable weakref support, but I couldn't find anythiReact-hook-form fields based on API call.I hit an API to get fields for a product. The field properties usually get defined before with Zod. Handling tRPC or React Query errors on the client side.Hey everyone, I wanted to get prespective on how would you handle errors on the client side side whsetting eslint to make absolute imports workI would like absolute imports with @ to work in my project but when I set it to work imports like: iTRPC The inferred type of this node exceeds the maximum length the compiler will serialize.Does anyone how to fix this issue?Why Prisma does not set the proper type for related field?So I've been banging my head against this issue lately and it seems to me that the only way around i