Odtnhj

In my app I have a stacknavigator that renders a tabnavigator.
I want to share data between the tabs and for that I decided to use the Context API React provides.

let Tabs = createMaterialTopTabNavigator(
 
 Info: (e: any) => <TabOne />,
 Media: (e: any) => <TabTwo />,
 
)

If I export this and hand it to the stacknavigator everything is working fine. But when implementing the Context API with another class:

class ContextWrapper extends React.Component 
 render() 
 return (
 <MyContext.Provider value=data>
 <Tabs />
 </MyContext.Provider>
 )
 

And hand this class to the stacknavigator I get this warning of

"you should only render one navigator "

The app still works this way, but I have this warning in the console.

I am aware of this page: https://reactnavigation.org/docs/en/common-mistakes.html and it's proposed solution of static router but this way it gives me this error:

Cannot read property 'router' of undefined

Any on has a working solution for use with the Context API. Or any other way of sharing data between tabs?