title: null is not an object (evaluating 'this.nativeCommandsModule.push')
body: <p>I am using WIX-React-Native-Navigation and while pushing a component in the stack I am getting this error.
  <a href="https://i.stack.imgur.com/mQqDx.jpg" rel="nofollow noreferrer">Error</a></p>
  
  <p>One thing to say, I am using <strong>Viro-React ARScene Navigation</strong> (<a href="https://docs.viromedia.com/docs/scene-navigation" rel="nofollow noreferrer">Scene Navigation</a>) in WIX-React-Native-Navigation.</p>
  
  <p>Here's my code 
  <strong>index.js</strong></p>
  
  <pre><code>import { AppRegistry } from 'react-native';
  var OpenDoor = require('./app/base')
  import Stack from './app/navigation';
  
  import { Navigation } from "react-native-navigation";
  
  AppRegistry.registerComponent('ViroSample', () =&gt; OpenDoor);
  
  Navigation.events().registerAppLaunchedListener(() =&gt; {
    Navigation.setRoot({
      root: {
        stack: Stack
      }
    });
  });
  </code></pre>
  
  <p><strong>navigation.js</strong></p>
  
  <pre><code>import { Navigation } from "react-native-navigation";
  
  import Base from './base';
  import Menu from './components/Menu/menu';
  
  Navigation.registerComponent('Base', () =&gt; Base);
  Navigation.registerComponent('Menu', () =&gt; Menu);
  
  
  const Stack = {
      children: [{
              component: {
                  name: 'Base'
              },
          }
      ]
  };
  
  export default Stack;
  </code></pre>
  
  <p><strong>base.js</strong></p>
  
  <pre><code>import React, {Component} from 'react';
  import {
      Alert,
      View
  } from 'react-native';
  import {ViroARSceneNavigator} from 'react-viro';
  import { Navigation } from 'react-native-navigation';
  
  import APIKeys from './index';
  import Camera from './components/Camera/camera';
  import MenuButton from './components/Menu/menu_button';
  
  
  class Base extends Component {
      constructor(props) {
          super(props);
          this.navigateScreen = this.navigateScreen.bind(this);
      }
  
      navigateScreen(location) {
          Navigation.push(this.props.componentId, {
              component: {
                  name: location
              }
          });
      }
  
      render() {
          return(
              &lt;View style={styles.container}&gt;
                  &lt;ViroARSceneNavigator
                      initialScene = {{
                          scene: Camera
                      }}
                      apiKey = {APIKeys.ViroReact}
                      style = {styles.ar_scene}
                  /&gt;
                  &lt;MenuButton navigation={this.navigateScreen}/&gt;
              &lt;/View&gt;
          );
      }
  };
  
  const styles = {
      container: {
          flex: 1
      }
  };
  
  export default Base;
  module.exports = Base;
  </code></pre>
  
  <p>Correct me, If I am wrong somewhere.</p>
  
  <p>What I am doing is, creating an application where users can decorate home virtually with the help of Augmented Reality. The mobile app is created on React-Native while the library used for augmented reality is Viro-React.</p>
  
  <p>So, When I want to navigate from One Screen to another, then while pushing component in the stack I am getting this error.
  Thanks.</p>