'React Native Render Error: 'Target Container is not a DOM Element'

We are building a React Native application, sort of like a marketplace for different services and products. Our current problem is concerning using the BottomTabsNavigator package.

Here is a quick overview of our project (we are also using Expo): we have a main folder called 'navigation' in which we have a .js file called MainContainer.js and a different folder called 'screens', in which all our .js screen files are contained. We exported all the js screens and imported them into MainContainer.js (currently, there is only text on the screens, in order to test the concept of bottom tab navigation) using the appropriate route names. In the default App.js file which comes installed with 'expo init' we simply imported the MainContainer.js file and returned it in a simple function 'App()', then we exported it.

Our PROBLEM is that when we load the app on a mobile phone using the Expo Go companion app, we have a RENDER ERROR ------ "TARGET CONTAINER IS NOT A DOM ELEMENT". Is there anything we can do about it? Thank you in advance!



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source