title: Why my ES6 import/export not working?
body: <p>I'm trying to import my classes in <code>create-react-app</code></p>
  
  <p>Working example:</p>
  
  <pre><code>export default class HeaderView extends Component {
      render() {
          return (
              &lt;div className="header-view"&gt;
                  {this.props.children}
              &lt;/div&gt;
          );
      }
  }
  </code></pre>
  
  <p><code>import HeaderView from './HeaderView'</code></p>
  
  <p>But when i do</p>
  
  <p><code>export class HeaderView extends Component { }</code></p>
  
  <p>Then</p>
  
  <p><code>import { HeaderView } from './HeaderView'</code> is <code>undefined</code> </p>
  
  <p>I tried different ways but none of them are working. Closest i got was</p>
  
  <p><code>export default { HeaderView }</code> but then</p>
  
  <p><code>import HeaderView from './HeaderView'</code> is <code>Object { HeaderView:.. }</code> and
  <code>import {HeaderView} from './HeaderView'</code> is <code>undefined</code></p>