title: Error while exporting Component in React.js
body: <p>I was exporting a React.js Component (Comp.jsx) to App.js (the main file) and 
  got this error. </p>
  
  <blockquote>
    <p>Error: ./src/App.js Attempted import error: './Components/Comp.jsx' does not contain a default export (imported as 'Comp').</p>
  </blockquote>
  
  <p>Comp.jsx</p>
  
  <pre><code>import React from 'react'
  import ReactDOM from 'react-dom'
  function MyInfo() {
  
      return (
          &lt;div&gt;
              &lt;h1&gt;My Name&lt;/h1&gt;
              &lt;p&gt;This is a Para&lt;/p&gt;
          &lt;/div&gt;
      )
  }
  ReactDOM.render(&lt;MyInfo/&gt;,document.getElementById('root'))
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>import React from 'react';
  import Comp from './Components/Comp.jsx';
  
  
  function App() {
    return (
      &lt;Comp&gt;Hello World&lt;/Comp&gt;
    );
  }
  
  export default App;
  </code></pre>