title: Can't import component
body: <p>The error: </p>
  
  <blockquote>
    <p>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.</p>
  </blockquote>
  
  <p>The code:</p>
  
  <pre><code>import React, { Component } from "react";
  import { TouchableOpacity, Text } from "react-native-gesture-handler";
  
  class Logout extends Component {
    render() {
      return (
        &lt;TouchableOpacity&gt;
          &lt;Text&gt;Logout&lt;/Text&gt;
        &lt;/TouchableOpacity&gt;
      );
    }
  }
  
  export default Logout;
  </code></pre>
  
  <p>I am trying to import it in another file but the error above occur. This is how I import it:</p>
  
  <pre><code>import Logout from "../components/Logout";
  </code></pre>