title: Can you deconstruct lazily loaded React components?
body: <p>Using es6 imports, you can do this:</p>
  
  <pre class="lang-js prettyprint-override"><code>import { MyComponent } from "../path/to/components.js";
  
  export default function () {
    return &lt;MyComponent/&gt;;
  }
  </code></pre>
  
  <p>Can I do it with <code>React.lazy</code> too?</p>
  
  <pre class="lang-js prettyprint-override"><code>const { MyComponent } = lazy(() =&gt; import("../path/to/components.js"));
  </code></pre>
  
  <p>I get the following error, but I'm not sure if it's related to this or some other bug I have:</p>
  
  <blockquote>
    <p>Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined</p>
  </blockquote>