Seeing multiple QueryCache instances

[howdyitshelena]

Hello! 👋

My app has <ReactQueryCacheProvider /> at the top level, and one of the components brings in other children React components as a runtime dependency. I have one of the nested children components making a useQuery hook call, and am seeing that the nested child component is not using the QueryCache instance from the top level.

When I open up ReactQueryDevtools, I only see the queries that are being made from components that are not runtime dependencies.

The structure is loosely like:

<ReactQueryCacheProvider>
  <Layout>
    <RuntimeComponent />
  </Layout>
  <ReactQueryDevtools />
</ReactQueryCacheProvider>

Has anyone else seen similar behavior?

Thanks!