Using tanstack router, tanstack query, and jotai together, there are cases where data cannot be obtained.

[shlroland]

repo url:

https://stackblitz.com/edit/tanstack-router-rsjsofjy?file=package.json,src%2Fquery.ts,src%2Fmain.tsx,src%2FglobalId.ts,src%2Froutes%2Findex.tsx,src%2Froutes%2F__root.tsx,src%2Froutes%2Fabout.tsx,src%2FtestC.tsx,src%2Fposts.tsx&preset=node

I fetch the data in advance in beforeLoad and set the atom after fetching.

But in the atomWithQuery of another component on the same page, the get method cannot retrieve data, but getDefaultStore can.

[rothsandro]

Your components are wrapped in a <Provider> which creates a new store, so your TestC component uses this store instead of the default store.

You can either remove the provider if you want to use the default store,
or create a custom store, use it when setting the atom value and provide it to the Provider component.

[shlroland]

Yes, I read the documentation again, and it is true that I used the store method wrong.