CI checks are red,
PRs are stuck,
Tests keep on failing,
Time to level up.

The right one

I often hold my phone in my left hand and the floating button can block scrolling when my thumb accidentally hits it while doing the scroll gesture

The secret is to use a lib that supports the `styled` api, like pandacss

Updated the issue description

Okay this is super embarassing... I swear I tried to use `useDeferredValue` with `useReadQuery` and it didn't work but now that I try it in my repro instead of the project code it actually works and the suspense fallback is not shown 😅

However the `isPending` flag doesn't seem to work 🤔

@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 😅

We didn't use to have these in Finland but some years ago they arrived and they poop everywhere and basically ruin all the parks

I did this in a consulting project where they required me to input my hours in three different systems where in one of the systems I had to manually sum the weekly hours myself

Every week I added one extra billable item just for "Marking the hours"

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.

@tkdodo.eu @manuelschiller.bsky.social I would like to better understand what "but are short-circuited by useSyncExternalStore used by the router" actually means in practice? Does it mean that trying to stop router driven suspension with transitions is not a viable solution in Tanstack Router?

Thanks for the input @tkdodo.eu 👍

We already have a custom version of `useSuspenseQuery` that handles the re-suspension issue but @phry.dev is it possible to do something similar with `useReadQuery`? Or what would be the best pattern to use Suspense with loaders that are driven by url params?

Thanks for the tip 👍

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

Is there a way to use `useDeferredValue` with `useReadQuery` in way that the we only ever suspend on the initial render and all subsequent changes to `queryRef` just maintain the old UI and gives some `isSuspending` flag that we can use for inline pending UI?