Higher level context values are not available in nested components

[bcvazquez]

When using the Map component with custom layers within it, the higher order contexts from the App root are not available.

A very basic example in this codesandbox: https://codesandbox.io/p/sandbox/l3fh86?file=%2Fsrc%2FApp.js%3A11%2C61

The example uses the ThemeProvider from material-ui with a custom theme, I would expect that useTheme in the custom FeatureLayer would have the custom theme, but it just has the default values.

This would be true of other Providers as well, like redux store, etc.

[tschaub]

I dug into this, and it looks like it may be complicated to support. Here are the upstream React issues:

• Is it possible to share contexts between renderers? facebook/react#17275
• Support cross-renderer portals facebook/react#13332

The react-three-fiber renderer makes use of useContextBridge from its-fine for bridging contexts between renderers. I looked into using or porting that logic, but it is non-trivial.

So no good solution yet. But open to suggestions!