Post

@tannerlinsley.com @phry.dev any tips on how to skip suspending when I update search params in Tanstack Router which re-triggers `preloadQuery` in the `loader` that returns `queryRef` that is then read with `useReadQuery`? Wrapping `navigate` with `startTransition` doesn't seem to help 🤔

Phew. I would have hoped for a `navigate` transition as you did... :/ I'm pinging Jerel on the side, maybe he has an idea.

Did you return `queryRef` or `queryRef.toPromise()` from the loader? Doing the latter might help.

Thanks for the tip 👍 I'll come back to you tomorrow with the results when I'm back at work 😁

bottom line is that transitions around navigate "work", but are short-circuited by useSyncExternalStore used by the router :/. It's a trade-off. FWIW, useDeferredValue on the QueryKey is what works for react-query.

I think the `.toPromise` really is your friend here - it returns a promise that will later resolve back to the queryRef

Maybe I'm doing it wrong but adding `.toPromise` doesn't seem to help 😅 I tried even to update to React v19 to get async transition support but that didn't change anything.

@phry.dev I finally found the time to report an issue with a repro about this topic: github.com/apollographq... Sry for taking so long 😅