title: Syntax error: Unexpected token, expected ; in index.js creat-react-app
body: <p>every time I compose react component I make folder for it.
  and I make files <code>index.js</code> and <code>component.jsx</code></p>
  
  <p>for example</p>
  
  <pre><code>├── App.js
  ├── component
  │   ├── index.js
  │   └── Component.jsx
  ...
  </code></pre>
  
  <p>index <code>component/index.js</code></p>
  
  <pre><code>export default from './Component'
  </code></pre>
  
  <p>actual react component is written in <code>Component.jsx</code>.</p>
  
  <p>but the problem is when I try to build up app with <strong>create-react-app</strong> and import <code>Component.jsx</code> like below</p>
  
  <pre><code>import Component from './component'
  </code></pre>
  
  <p>error occurs like this</p>
  
  <pre><code>./src/component/index.js
  Syntax error: Unexpected token, expected ; (1:20)
  
  &gt; 1 | export default from './Component'
      |                     ^
    2 | 
  </code></pre>
  
  <hr>
  
  <p>but if i write code <code>component/index.js</code> like this works well.</p>
  
  <pre><code>import Component from './Component'
  export default Component
  </code></pre>
  
  <p>is there any problem with my first <code>index.js</code>?</p>