title: ReferenceError: Can't find variable: Login
body: <p><a href="https://i.stack.imgur.com/6vqHt.png" rel="nofollow noreferrer">This is the rejection error I'm getting</a></p>
  
  <p>Here's where the trouble started to occur "Routes.js":</p>
  
  <pre><code>import React, {Component} from 'react';
  import {Router, Stack, Scene} from 'react-native-router-flux';
  
  
  
  export default class Routes extends Component&lt;{}&gt; {
      render() {
          return(
              &lt;Router&gt;
                  &lt;Stack key="root"&gt;
                      &lt;Scene key="login" component={Login} title="Login"/&gt;
                      &lt;Scene key="register" component={Signup} title="Register"/&gt;
                  &lt;/Stack&gt;
              &lt;/Router&gt;
          )
      }
  }
  
  Then made changes in the "App.js" file to import from Routes
  
      /**
   * Sample React Native App
   * https://github.com/facebook/react-native
   *
   * @format
   * @flow
   * @lint-ignore-every XPLATJSCOPYRIGHT1
   */
  
  import React, {Component} from 'react';
  import { 
          StyleSheet,
          View,
          StatusBar
        } from 'react-native';
  
  import Routes from './src/Routes';
  
  
  
  
  export default class App extends Component&lt;{}&gt; {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;StatusBar 
              backgroundColor="#0086c3" 
              barStyle="light-content"
            /&gt;
          &lt;Routes/&gt;
  
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container : {
      backgroundColor: '#29b6f6',
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
    }
  
  });
  </code></pre>
  
  <p>I'm not too sure what's going on, I saved all the files and have it on Hot Reloading but still shows this error. I'm new to React Native and am still learning its fundamentals.</p>