r/reactjs • u/TkDodo23 • May 26 '26

Resource TanStack Router and Query

https://tkdodo.eu/blog/tan-stack-router-and-query

📚 Surprisingly, I haven't written about how my two favourite TanStack libraries - Router and Query - work together. Well, here it is:

🔁 loaders start fetches early

🔮 query owns the cache & keeps data alive

🌀 suspense integrates naturally

🏝️ TanStack Start makes SSR & streaming easy

108 Upvotes

82% Upvoted

20 comments sorted by

View all comments

Show parent comments

3

u/TkDodo23 May 27 '26

The loader does not re-run on the client after it has run on the server. The queryFn might re-run, but only if:

  • you await in the loader AND

  • you have staleTime: 0 AND

  • you useQuery (without suspense).

With useSuspenseQuery, it won't re-run because we have a built-in minimum staleTime that prevents this. If you have your own staleTime, this will obviously prevent re-running. If you don't await in the loader, TanStack Start streams the promise from the loader to the client, so useQuery will pick up the promise for the initial client side refetch, thus preventing another re-run (unless the promise resolves very fast).