<p dir="auto">Hi y'all</p>
<p dir="auto">I'm using Next.js V3.0.3 and I'm having problem on IE11 with the following error;</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Object doesn't support property or method 'assign'
TypError: Object doesn't support property or method 'assign' "><pre class="notranslate"><code class="notranslate">Object doesn't support property or method 'assign'
TypError: Object doesn't support property or method 'assign' 
</code></pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Create a next.js app</li>
<li>use <code class="notranslate">{...oneObject, ...secondObject}</code> in your code</li>
<li>build</li>
<li>run</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">It's working on Chrome desktop/mobile and it's working on Safari desktop/mobile. It's working on Microsoft Edge but not IE11.</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.3</td>
</tr>
<tr>
<td>node</td>
<td>8.1.0</td>
</tr>
<tr>
<td>npm</td>
<td>5.0.3</td>
</tr>
<tr>
<td>OS</td>
<td>macOS 0.12.6</td>
</tr>
<tr>
<td>browser</td>
<td>Internet Explorer 11</td>
</tr>
</tbody>
</table>
<p dir="auto">Is there any solution to this problem or a hotfix?</p>
<p dir="auto">Thanks for your help.</p>
<p dir="auto">Getting large error (printing all of CSS used in <code class="notranslate">&lt;style jsx global&gt;</code>) in web console.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Warning: Text content did not match. Server: &quot;
...(css)..."><pre class="notranslate"><code class="notranslate">Warning: Text content did not match. Server: "
...(css)...
</code></pre></div>
<p dir="auto">I <em>think</em> this is causing FOUC, so there is a flash of unstyled content followed by a second later the actual styles.</p>
<p dir="auto">This is coming from a library being used in a next project (from <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="265456141" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/3088" data-hovercard-type="issue" data-hovercard-url="/vercel/next.js/issues/3088/hovercard" href="https://github.com/vercel/next.js/issues/3088">#3088</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">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<ul dir="auto">
<li>Styles should be applied from server directly.</li>
<li>There should be no FOUC</li>
<li>There should be no error in web console</li>
</ul>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">To elaborate a little more, when rendering a next app in the library itself (so some page in that repo), the styles render fine. View-source shows source maps and minified CSS in the HTML markup.</p>
<p dir="auto">However, when using that same code as a compiled project loaded into a separate next app, the markup in view-source shows unminified CSS and no source maps (and we get the web console error and fouc).</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>See <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="265456141" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/3088" data-hovercard-type="issue" data-hovercard-url="/vercel/next.js/issues/3088/hovercard" href="https://github.com/vercel/next.js/issues/3088">#3088</a> for setup.</li>
<li>I am manually compiling some files in repo-b using <code class="notranslate">babel &lt;folder&gt; --out-dir ... etc.</code>, and then importing that and also importing <code class="notranslate">babel-polyfill</code> if that matters.</li>
</ol>
<h2 dir="auto">Context</h2>


<p dir="auto">This is just unexpected behavior making the app not look right (ux).</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>4beta2</td>
</tr>
<tr>
<td>node</td>
<td>8.4</td>
</tr>
</tbody>
</table>