title: Cannot export component React Native
body: <p>I am new to React Native and trying to implement some of my knowledge from React like in this case: the function component. However, after I changed the layout a bit it shows an error in how I didn't export the component. Here's the error:</p>
  <pre><code>Error: 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, or you might have mixed up default and named imports.
  
  Check the render method of 'App'.
  </code></pre>
  <p>Here's a snapshot of the component:</p>
  <pre><code>import { StatusBar } from &quot;expo-status-bar&quot;;
  import React, { useState } from &quot;react&quot;;
  import {
      StyleSheet,
      Text,
      View,
      Card,
      Background,
      Logo,
      Header,
      Title,
      Button,
      Divider,
  } from &quot;react-native&quot;;
  import AudioRecorderPlayer, {
      AVEncoderAudioQualityIOSType,
      AVEncodingOption,
      AudioEncoderAndroidType,
      AudioSet,
      AudioSourceAndroidType,
  } from &quot;react-native-audio-recorder-player&quot;;
  
  const App = () =&gt; {
      const [initialtime, setInitialTime] = useState({
          isLoggingIn: false,
          recordSecs: 0,
          recordTime: &quot;00:00:00&quot;,
          currentPositionSec: 0,
          currentDurationSec: 0,
          playTime: &quot;00:00:00&quot;,
          duration: &quot;00:00:00&quot;,
      });
      const audioRecorderPlayer = new AudioRecorderPlayer();
      audioRecorderPlayer.setSubscriptionDuration(0.09);
      return (
          &lt;Card
              style={{
                  flex: 1,
                  flexDirection: &quot;row&quot;,
                  alignItems: &quot;center&quot;,
                  alignContent: &quot;center&quot;,
                  alignSelf: &quot;center&quot;,
              }}
          &gt;
              &lt;Background&gt;
                  &lt;Logo /&gt;
                  &lt;Header&gt;InstaPlayer&lt;/Header&gt;
                  &lt;Title&gt;{initialtime[2]}&lt;/Title&gt;
              &lt;/Background&gt;
          &lt;/Card&gt;
      );
  };
  
  export default App;
  </code></pre>
  <p>The file which import the App.js is AppEntry.js within node_modules/expo/AppEntry.js has the following content:</p>
  <pre><code>import registerRootComponent from 'expo/build/launch/registerRootComponent';
  
  import App from '../../src/App';
  
  registerRootComponent(App);
  
  </code></pre>
  <p>Does anyone have an answer to this or had a similar case? Any information would help. Thank you</p>