Suspense, HydrationBoundary and Streaming - Examples from Docs
has anyone had much success using the streaming pattern here? https://tanstack.com/query/latest/docs/framework/react/guides/advanced-ssr#streaming-with-server-components - if I add a delay(3000) to the function that is the queryFn I was expecting some sort of suspense to kick in, but instead it just waits the whole 3 seconds before doing anything.
I've updated the dehydrated parts of the queryClient options as per the docs
if I take https://tanstack.com/query/latest/docs/framework/react/examples/nextjs-app-prefetching and add the same delay into the fetching of the pokemon info, it still takes the whole delay to show anything to the FE
If I wrap the whole thing in a suspense, it works, but I am not convinced a promise is now being passed to the cache, as nothing appears in the devtools until it finally finishes fetching
What I am hoping to achieve, is that the fetch has already started on the server side, and is then handed to the FE when the response finishes. Maybe trying to pass these promises over the wire is overkill for what I am hoping to achieve but it seemed really cool so wanted to give it a go
I've updated the dehydrated parts of the queryClient options as per the docs
if I take https://tanstack.com/query/latest/docs/framework/react/examples/nextjs-app-prefetching and add the same delay into the fetching of the pokemon info, it still takes the whole delay to show anything to the FE
If I wrap the whole thing in a suspense, it works, but I am not convinced a promise is now being passed to the cache, as nothing appears in the devtools until it finally finishes fetching
What I am hoping to achieve, is that the fetch has already started on the server side, and is then handed to the FE when the response finishes. Maybe trying to pass these promises over the wire is overkill for what I am hoping to achieve but it seemed really cool so wanted to give it a go
