React-google-maps: OverlayView loses other libraries context

[tomasz89nowak]

I'm using react material-ui lib with react-google-maps.
When I'm trying to nest any material-ui component, eg. List, into OverlayView, I get this error:

Warning: Failed context type: The context muiTheme is marked as required in List, but its value is undefined.

In whole application, including other react-google-maps components muiTheme exist in the context.

[oshalygin]

hrmm yeah this could def be an issue. I'll take a look.

Out of curiosity, have you tried to pass it down as props from the parent context?

[tomasz89nowak]

Yes I tried and it is not working.

[oshalygin]

thanks @tomasz89nowak i'll look at it shortly.

[emilsgulbis]

Any upates here?

[oshalygin]

I was able to confirm this, seems like a known issue. There are also a number of big changes in play for the material-ui library(1.0 coming soon). I'm tempted to defer until they've released 1.0 so we can accommodate that release as opposed to trying to support 0.XX

[emilsgulbis]

Hey! I think it's not problem with material ui, but with OverlayView context.
Im using isomorphic-style-loader and it doesnt work with OverlayView..

[oshalygin]

Alright I'll mark this as an issue that we can dev against

[emilsgulbis]

Here is sceenshot of Chrome browser React dev tool - Overlayview CONTENT is rendered outside App

But OverlayView is in App

[tomchentw]

Fixed in v8.0.0. Please try the new version.

https://tomchentw.github.io/react-google-maps/#!/OverlayView