title: How to export default modules in index.js barrels
body: <p>I'm trying to export default modules using index.js barrels but can't seem to get it to work.  It works fine with named exports but not default exports.</p>
  
  <p>Simplified Project Structure</p>
  
  <pre><code>/hellos
    /components
      Hello.js
      Hellos.js
      index.js
    index.js
  App.js
  </code></pre>
  
  <p>/hellos/component/Hellos.js</p>
  
  <pre><code>...
  export default Hellos
  </code></pre>
  
  <p>/hellos/component/index.js</p>
  
  <pre><code>export * from './Hello';
  export * from './Hellos';
  </code></pre>
  
  <p>/hellos/index.js</p>
  
  <pre><code>export * from './components'
  export * from './actions'
  export * from './constants'
  export * from './reducers'
  </code></pre>
  
  <p>App.js</p>
  
  <pre><code>import Hellos from './hellos'
  console.log(Hellos) // &lt;- undefined
  </code></pre>
  
  <p>The Hellos module imported just above is always undefined.</p>
  
  <p>I can get it to work using either named exports or a direct import in App.js i.e. <code>import Hellos from './hellos/component/Hellos'</code> but I consider this bad practice and only wish to use <code>import Hellos from '/hellos'</code>.</p>
  
  <p>I suspect the problem is with the index.js barrels but I can't work it out.  Please help.</p>