Cannot set global atom outside provider tree?

[devnomic]

I have a generic component that hold it's own atom, and in that component the atom is initialized using provider store.

However inside that component i also need to modify global state atom outside the provider.
Why it doesn't work and how to fix this?

Reproduction:
https://codesandbox.io/s/hopeful-shirley-8lw6dh?file=/src/App.tsx

[dai-shi]

You may have a misconception about global atom.
Atoms are just definitions and atom values are stored in a store.
So, you want to define a global store explicitly and specify it.
See how it works: https://codesandbox.io/s/crazy-buck-ryx209?file=/src/App.tsx

[devnomic]

Thank you!!

I didn't know we can put store as option parameters when using useSetAtom or other atom hooks.
The docs didn't mention it explicitly.

[dai-shi]

Yeah... some docs are still missing for v2 API and best practice.