<p dir="auto">Updated from Next@2.2.0 to Next@latest and when I run the app I get this error:<br>
Error: _document.js is not exporting a React element 3 times in the terminal.</p>
<p dir="auto">Latest updated from testing is that the issue arises when I try and use redux in the _document.js - if I don't init redux in document.js it works.</p>
<p dir="auto">Any help is greatly appreciated!</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> 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>


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


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


<ol dir="auto">
<li>Here is my repo with next@2.2.0 - you can just download and change it to next@latest in package.json: <a href="https://github.com/spencersmb/Font-Popper-Client">https://github.com/spencersmb/Font-Popper-Client</a></li>
<li>npm install</li>
<li>npm run watch</li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>

<p dir="auto">Trying to upgrade my version of next to the latest.</p>

<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>3.0.6</td>
</tr>
<tr>
<td>node</td>
<td>v8.2.1</td>
</tr>
<tr>
<td>OS</td>
<td>Sierra 10.12.5</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<p dir="auto">The route <code class="notranslate">/posts/</code> renders on the server but then the store on the client subscribe is undefined. In the chrome dev tools, it shows an error on the import for <code class="notranslate">isPlainObject</code> from lodash. I've done this before and I have no idea whats wrong. I'm sure its something I am doing, but I can't put my finger on it.</p>
<p dir="auto">Basically I create in my <code class="notranslate">hoc</code> folder in <code class="notranslate">src/</code> a <code class="notranslate">pageWrapper</code> that just partially applies the store and is waiting for the component. I then have my <code class="notranslate">Posts</code> component in <code class="notranslate">features/</code> <code class="notranslate">connect</code>ed. I can't seem to figure out whats wrong with the store and why its broken on the client.</p>
<p dir="auto">Initially I see the basic text appear before the error pops up which leads me to believe the store is working on the server but not the client.</p>
<p dir="auto">Code here, <a href="https://github.com/ryanbas21/blog">https://github.com/ryanbas21/blog</a> .</p>



<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<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></td>
</tr>
<tr>
<td>node</td>
<td></td>
</tr>
<tr>
<td>OS</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td></td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>