title: Component won't recognize it's being exported
body: <p>I've encountered a very strange error.  I feel that I've exported the <code>Home</code> component in a normal and conventional manner.  Below, I've posted the <code>.js</code> files that I think are relevant in order to rectify this error.  Despite this, In my <code>iOS</code> simulator, I'm still getting an error that says:</p>
  
  <pre><code>Element type is invalid: expected a string (for built-in components) or 
  a class/function (for composite components) but got: undefined.  You 
  likely forgot to export your component from the file it's defined in.
  
  Check the render method of 'Home'.
  </code></pre>
  
  <p>Here's <code>Home.js</code>:</p>
  
  <pre><code>import React from 'react';
  import Container from 'native-base';
  import MapContainer from "../../../components/MapContainer/index";
  
  class Home extends React.Component {
  
      componentDidMount() {
          this.props.setName();
      }
  
      render() {
          const region = {
              latitude: 3.146642,
              longitude: 101.695845,
              latitudeDelta: 0.8922,
              longitudeDelta: 0.0421
          }
          return(
              &lt;Container&gt;
                  &lt;MapContainer region={region}/&gt;
              &lt;/Container&gt;
          );
      }
  }
  
  export default Home;
  </code></pre>
  
  <p>Here's <code>index.js</code>:</p>
  
  <pre><code>import React from 'react';
  import View from 'native-base';
  import styles from './MapContainerStyles';
  import * as MapView from "react-native-maps/lib/components/ProviderConstants";
  
  const MapContainer = ({region}) =&gt; {
      return(
          &lt;View style={styles.container}&gt;
              &lt;MapView
                  provider={MapView.PROVIDER_GOOGLE}
                  style={styles.map}
                  region={region}
              &gt;
              &lt;/MapView&gt;
          &lt;/View&gt;
      );
  }
  
  export default MapContainer;
  </code></pre>