title: react export Unexpected token
body: <p>So I have these file and folder.</p>
  
  <pre><code>App.js
  modules/
    user/
      index.js
      list.js
  </code></pre>
  
  <p>In list.js I have <code>export default (props) =&gt; (...)</code></p>
  
  <p>In index.js I have <code>export UserList from './list';</code></p>
  
  <p>And in App.js I have <code>import { UserList } from './modules/user';</code></p>
  
  <p>Is there something wrong there? Because I got </p>
  
  <pre><code>./src/modules/user/index.js
  Syntax error: Unexpected token, expected { (1:7)
  &gt; 1 | export UserList from './list';
  </code></pre>
  
  <p>But I don't see what's wrong here? Help!</p>
  
  <p>Edit: Here's more details of my list.js file, but I don't think it makes a difference because the error is in index.js</p>
  
  <pre><code>import React from 'react';
  // more import
  export default (props) =&gt; (
    &lt;List {...props}&gt;
      ...
    &lt;/List&gt;
  );
  </code></pre>