title: ES6 import importing undefined
body: <p>I have two files in my react app:</p>
  
  <pre><code>/* MyApp/components/my-component.jsx */
  
  export class MyComponent extends React.Component {
    // ...
  };
  
  console.log(MyComponent); // (1)
  </code></pre>
  
  <p>And</p>
  
  <pre><code>/* MyApp/my-app.jsx */
  
  import MyComponent from './components/my-component';
  
  console.log(MyComponent); // (2)
  </code></pre>
  
  <p><code>console.log</code> number <code>(1)</code> gives me this: <code>function MyComponent(props, context) {...</code>.
  But <code>console.log</code> number <code>(2)</code> gives me <code>undefined</code>.</p>
  
  <p>What am I doing wrong? It seems pretty straightforward and yet won't work.</p>