SimulatePreloadedQuery suspends on mount because it's lazy loaded

[iamkd]

It seems that while #345 has fixed the bundling issue, it caused a different type of an issue.

Preloading from RSC and passing it down into SSR context works as expected. However, because the component itself is lazily loaded, the whole tree suspends for a brief time while the JS file with the component is fetched.

This causes a flicker with Suspense even though the page already has everything on initial load, and we also have the client-side cache transferred as well. Can we remove the lazy import or expose it so we can statically import it and prevent it from bundling separately?

[phryneas]

I'm sorry, I missed this while I was at GraphQLConf.

I'm honestly not sure how we can solve this for both use cases without any hiccup.

My only guess would be that you wouldn't see this flicker if the module already were loaded, since the suspense then would be almost-instant, and suspense doesn't kick in for very very short loads.

Could you try doing something like

import {SimulatePreloadedQuery} from "@apollo/client-react-streaming"

at the top of that file and see if it resolves the issue?