<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>


<p dir="auto">When I'm using some dynamic component with SSR: false that is crashing I expect it to see the error somehow.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">Аpp is just stuck in "loading..." page state: no page error, no console output, no term output.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="// pages/index.js
import dynamic from 'next/dynamic'
const TestLoader = dynamic(import('../components/Test'), { ssr: false})
export default () =&gt; &lt;TestLoader /&gt;
// components/Test.js
throw new Error('test')
export default () =&gt; &lt;div&gt;hello&lt;/div&gt;"><pre class="notranslate"><span class="pl-c">// pages/index.js</span>
<span class="pl-k">import</span> <span class="pl-s1">dynamic</span> <span class="pl-k">from</span> <span class="pl-s">'next/dynamic'</span>
<span class="pl-k">const</span> <span class="pl-v">TestLoader</span> <span class="pl-c1">=</span> <span class="pl-en">dynamic</span><span class="pl-kos">(</span><span class="pl-k">import</span><span class="pl-kos">(</span><span class="pl-s">'../components/Test'</span><span class="pl-kos">)</span><span class="pl-kos">,</span> <span class="pl-kos">{</span> <span class="pl-c1">ssr</span>: <span class="pl-c1">false</span><span class="pl-kos">}</span><span class="pl-kos">)</span>
<span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-c1">&lt;</span><span class="pl-v">TestLoader</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
<span class="pl-c">// components/Test.js</span>
<span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-v">Error</span><span class="pl-kos">(</span><span class="pl-s">'test'</span><span class="pl-kos">)</span>
<span class="pl-k">export</span> <span class="pl-k">default</span> <span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-c1">&lt;</span><span class="pl-ent">div</span><span class="pl-c1">&gt;</span>hello<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">div</span><span class="pl-c1">&gt;</span></pre></div>
<h2 dir="auto">Context</h2>


<p dir="auto">Some 3rd-party libs are validating the initial options by throwing an error (e.g. Auth0); it makes nearly impossible to debug them</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.2.1</td>
</tr>
<tr>
<td>node</td>
<td>8.4.0</td>
</tr>
<tr>
<td>OS</td>
<td>Mac 10.12</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>
<p dir="auto">i had a call to an undefined function inside of componentDidMount. it errors <code class="notranslate">Cannot read property 'Component' of undefined</code> instead of notify that the function is undefined</p>
<p dir="auto">also a  manual throw an error inside componentDidMount shows <code class="notranslate">Cannot read property 'Component' of undefined</code></p>