title: Async React.Component doens't work for me
body: <p>I want to split my React app by chunks and have faced with a problem. <code>React.Component</code> don't render child <code>React.Component</code> that is loaded via <code>require.ensure</code>. The example code below.
  <br>
  File one:
  <br/></p>
  
  <pre><code>let Child;
  class Parent extends React.Component {
    constructor() {
        super();
        require.ensure(['child'], () =&gt; {
          Child = require('child');
        });
    }
    render() {
      return (
        &lt;div&gt;
          {!!Child &amp;&amp; &lt;Child/&gt;}
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>File two</p>
  
  <pre><code>class Child extends React.Component {
    render() {
      return &lt;div&gt;hello world&lt;/div&gt;;
    }
  }
  
  module.exports = Child;
  </code></pre>
  
  <p>And I retrieve the next error:<br></p>
  
  <blockquote>
    <p>Uncaught Error: Minified React error #130; visit
    <a href="http://facebook.github.io/react/docs/error-decoder.html?invariant=130&amp;args[]=undefined&amp;args[]=" rel="nofollow noreferrer">http://facebook.github.io/react/docs/error-decoder.html?invariant=130&amp;args[]=undefined&amp;args[]=</a>
    for the full message or use the non-minified dev environment for full
    errors and additional helpful warnings.</p>
  </blockquote>
  
  <p>Can anyone tell me what I'm doing wrong?</p>