How to bring popups into the same context as the rest of the app?
anchann opened this issue · 2 comments
ReactXP seems to have this sort of top level component layout:
RootView
MainViewContainer
the top level component for your application goes here, e.g. <App/>
PopupContainerView
individual popups go here
My App has the following layout:
<BrowserRouter>
... actual content that depends on current route, etc ...
</BrowserRouter>
The BrowserRoute component (from react-router) internally uses react's context infrastructure to make routing/navigation primitives accessible to child components deep down the tree, without explicitly passing them around as props.
If I want to display a popup which has a link for navigating to a different route, the <Link> or any routing related component relies on being a descendent of the original <BrowserRouter> component which defines the shared context. With the ReactXP setup, however, popups are rendered outside of the <App>, and thus don't have access to the shared context established by <BrowserRouter>.
I tried to search for a way to wrap the whole RootView in a context, or somehow inject additional context into PopupContainerView, but could not find any APIs that would allow me to do this. What is the recommended way for handling this issue?
Thank you!
Is there anything I can do in order to get a response on this issue? Sorry if the issue somehow malformed...