<h1 dir="auto">Bug report</h1>
<h2 dir="auto">getInitialProps that with dynamic import, ssr is ok, but have errors in client side</h2>
<p dir="auto"><strong>pages/index.js</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import React from &quot;react&quot;;
import dynamic from &quot;next/dynamic&quot;;
class Index extends React.Component {
  static async getInitialProps() {
    return { Hello: dynamic(import(&quot;../components/hello&quot;)) };
  }
  constructor(props) {
    super(props);
    console.log(&quot;props:&quot;, props);
  }
  render() {
    const { Hello } = this.props;
    console.log(this.props);
    return (
      &lt;div&gt;
        &lt;Hello /&gt;
      &lt;/div&gt;
    );
  }
}
export default Index;`"><pre class="notranslate"><code class="notranslate">import React from "react";
import dynamic from "next/dynamic";
class Index extends React.Component {
  static async getInitialProps() {
    return { Hello: dynamic(import("../components/hello")) };
  }
  constructor(props) {
    super(props);
    console.log("props:", props);
  }
  render() {
    const { Hello } = this.props;
    console.log(this.props);
    return (
      &lt;div&gt;
        &lt;Hello /&gt;
      &lt;/div&gt;
    );
  }
}
export default Index;`
</code></pre></div>
<p dir="auto"><strong>components/hello.js</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="export default class hello extends React.Component{
render () 
{
    return (&lt;div&gt;
      &lt;p&gt;Hello Next.js&lt;/p&gt;
    &lt;/div&gt;)
  }
}"><pre class="notranslate"><code class="notranslate">export default class hello extends React.Component{
render () 
{
    return (&lt;div&gt;
      &lt;p&gt;Hello Next.js&lt;/p&gt;
    &lt;/div&gt;)
  }
}
</code></pre></div>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">Steps to reproduce the behavior, please provide code snippets or a repository:</p>
<ol dir="auto">
<li>just start run the dev npm script</li>
<li><a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a></li>
<li>looks fine, but you will get lots of error in the browser console</li>
</ol>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">i log out the props in the render method on purpose, we can see the content in compiler console, but got nothing in client side console.</p>
<h2 dir="auto">Screenshots</h2>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/361781/50218743-f082f400-03c7-11e9-9ecd-52c7ffbe2470.png"><img src="https://user-images.githubusercontent.com/361781/50218743-f082f400-03c7-11e9-9ecd-52c7ffbe2470.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS:Windows10</li>
<li>Browser: chrome</li>
<li>Version of Next.js:7.0.2</li>
</ul>
<h2 dir="auto">Additional context</h2>
<p dir="auto">if we don't use dynamic import but do some simple data api request in getInitialProps, we found that the data recorded inside props would keeped in both server and client side, hope the componens that dynamic import can also shared both server side and client side</p>
<p dir="auto">Following directions to clone and run with-dynamic import and run dev yields following error:</p>
<p dir="auto">Module not found: Error: Can't resolve 'react-dom/lib/ReactReconciler' in '/home/terry/myProjects/next/with-dynamic-import/node_modules/next/dist/client'<br>
@ ./node_modules/next/dist/client/<a class="issue-link js-issue-link notranslate" rel="noopener noreferrer nofollow" href="https://linear.app/vercel/issue/NEXT-dev">next-dev</a>.js 5:23-63<br>
@ multi ./node_modules/next/dist/client/webpack-hot-middleware-client ./node_modules/next/dist/client/on-demand-entries-client ./node_modules/next/dist/client/<a class="issue-link js-issue-link notranslate" rel="noopener noreferrer nofollow" href="https://linear.app/vercel/issue/NEXT-dev">next-dev</a>.js</p>


<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">It should run without errors.</p>

<h2 dir="auto">Current Behavior</h2>


<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>


<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>downloaded from examples repository</td>
</tr>
<tr>
<td>node</td>
<td>8.0.0</td>
</tr>
<tr>
<td>OS</td>
<td>ubuntu 16.04</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>