pbesh
pbesh•2y ago

Recommended way to prefetch client-side

In react-query, you can do 
queryClient.prefetchQuery(['todos', input], queryFn)
queryClient.prefetchQuery(['todos', input], queryFn)
In trpc, I seem to only have access to the useQuery option on my endpoints: 
trpc.todos.useQuery(input)
trpc.todos.useQuery(input)
Is there a way to do trpc.todos.prefetchQuery(input) or similar?
2 Replies
sachin
sachin•2y ago
See https://trpc.io/docs/v10/invalidateQueries for the react query utils pattern Our docs on this aren't great right now though
pbesh
pbesh•2y ago
ahhhhh gotcha! I did see useContext kinda worked but couldn't find docs on it. thank you!
More Posts
Revalidate API route from procedureHi, is there a way to revalidate a statically generated page from a trpc procedure? https://nextjs.Modifying payload client-side before cachingSay I have a payload that includes something like `category_id` in each of the items returned e.g.: errorFormatter is not being called?Could somebody confirm that this callback is called in the latest version? I call it from server sidResponse headersIs it possible to modify the response headers from server to client?API Response caching not working on vercel ⁉I've followed the instructions in https://trpc.io/docs/v9/caching for API Response caching and it's when throwing a TRPCError, is there a way to include an internal error code ?for the given screenshot, if such error happens I wanna prompt the user to login or something.How to divide public and private routes?I am creating and app that has a dashboard panel for admin, and public routes, for users. Let's say Websocket connection failed.I'm following the websocket's example and it works fine as it is, however I changed some things and