Browser loading indicator doesn't stop when using React.use with experimental_prefetchInRender

[ckarli]

Describe the bug

const data = React.use(query.promise)

Your minimal, reproducible example

https://codesandbox.io/p/github/ckarli/tanstack-suspense-demo/

Steps to reproduce

Page refresh indicator doesn't stop when using use(promise) with experimental_prefetchInRender enabled

Expected behavior

It should stop when promise returns data

How often does this bug happen?

Every time

Screenshots or Videos

20260210-1326-42.3625663.mp4

Platform

Latest chrome

Tanstack Query adapter

react-query

TanStack Query version

5.90.20

TypeScript version

5.9.3

Additional context

On production, after 60 second indicator stops.It goes on indefinitely on local dev.

[TkDodo]

You can’t really use this approach on the server. If you set experimental_prefetchInRender to true, it will also run on the server, making the document request never finish.

If you want streaming from the server to the client, use:

https://tanstack.com/query/v5/docs/framework/react/guides/advanced-ssr#streaming-with-server-components