title: hello guys I'm new to react I was trying to display my header component but it's not show
body: <pre><code>import React from &quot;react&quot;;
  import &quot;./App.css&quot;;
  import header from &quot;./header&quot;;
  
  function App() {
    return (
      &lt;div className=&quot;App&quot;&gt;
        &lt;h1&gt;My First React App&lt;/h1&gt;
  
        &lt;header /&gt;
        {/* tinder card */}
        {/* swipe  */}
      &lt;/div&gt;
    );
  }
  </code></pre>
  <pre><code>// header.js
  import React from &quot;react&quot;;
  import &quot;./header.css&quot;;
  
  function header() {
    return (
      &lt;div className=&quot;header&quot;&gt;
        &lt;h2&gt;I am the header&lt;/h2&gt;
      &lt;/div&gt;
    );
  }
  
  export default header;
  </code></pre>