You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have an application that can display 2 maps on the same page.
The first map always loads without any issues (mostly).
However when you open a popup with a second map, it works the first time you open one, but if you close it and open it again it displays a back screen instead.
Works the first time
Always breaks the second time and any time after that.
I can't see that I'm doing anything wrong with my setup or rendering? I also checked why-did-you-render and I have no unnecesarry re-renders happening on this component.
I have an application that can display 2 maps on the same page.
The first map always loads without any issues (mostly).
However when you open a popup with a second map, it works the first time you open one, but if you close it and open it again it displays a back screen instead.
Works the first time
![Screen Shot 2022-06-02 at 13 10 47](https://user-images.githubusercontent.com/6841110/171685953-e848a535-f227-4078-99b0-99a56d5dd0e2.png)
Always breaks the second time and any time after that.
![Screen Shot 2022-06-02 at 13 09 30](https://user-images.githubusercontent.com/6841110/171685739-23afd891-64e8-460e-a4df-a091bf7c298c.png)
I can't see that I'm doing anything wrong with my setup or rendering? I also checked why-did-you-render and I have no unnecesarry re-renders happening on this component.
Why am I getting a black screen?
Looking at the html the canvas does not render at all after a second component is rendered.
Versions:
"react-mapbox-gl": "5.1.1",
"mapbox-gl": "2.8.2",
The text was updated successfully, but these errors were encountered: