title: Index.js is not importing App.js even when when export is used
body: <p>Even though when I am using 'export default App;' there is still an error saying  './App does not contain a default export (imported as 'App').' in Index.js file. The error is solved when i change the name of the file.</p>
  <p>this is the code in App.jsx file</p>
  <pre><code>import React, { useState } from 'react';
  import data from './data';
  import Card from './Card'
  import Heading from './Heading';
  const App = () =&gt; {
  const state = useState();
  return (
  &lt;&gt;
    &lt;Heading /&gt;
    &lt;div className=&quot;cards&quot;&gt;
      {data.map((value, index) =&gt; {
  
        &lt;Card
          cardimg={value.simg}
          cardname={value.sname}
          cardtitle={value.stitle}
          cardlink={value.links}
        /&gt;
      })
       }
     &lt;/div&gt;
   &lt;/&gt;
  );
  }
  export default App;
  </code></pre>
  <p>and this is the code in index.js file :</p>
  <pre><code>import React from 'react';
  import ReactDom from 'react-dom';
  import './index.css';
  import App from './App';
  
  ReactDom.render(
  &lt;App/&gt;
  ,document.getElementById('root')
  );
  </code></pre>