Nested providers and access hierarchy

[mo-lon]

I was wondering if there is a recommended approach for accessing stores/atoms that are not in the nearest provider. I'm aware of the general behaviour where components can only access atoms from the nearest provider in the hierarchy.

For example codesandbox, the Child component can access tabAtom but not tabsAtom.

Is there an elegant way without having to pass grandparent store down as prop or using custom context?

[dai-shi]

Check out ScopeProvider in jotai-scope which @dmaskasky is primarily maintaining.