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

<p dir="auto">Navigate to the next page without errors.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Taking a 'quiz' after reading through a lesson. I've already completed the quizes, but when I click "next" to leave the page I get an "An unexpected error has occurred." message and an error in the console.</p>
<p dir="auto">"Error: StyleSheetRegistry: styleId: <code class="notranslate">jsx-1586328328</code> not found.<br>
Stack trace"</p>

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


<ol dir="auto">
<li>Having already completed the lessons (possibly a factor) go through the quizes</li>
<li>After hitting next on a page with a quiz, observe the error message in the browser and console.</li>
</ol>
<h2 dir="auto">Context</h2>

<p dir="auto">Trying to review content, errors on every other page is a rough 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></td>
</tr>
<tr>
<td>node</td>
<td></td>
</tr>
<tr>
<td>OS</td>
<td></td>
</tr>
<tr>
<td>browser</td>
<td>firefox developer</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<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">Current Behavior</h2>
<p dir="auto">My app runs an infinite loop of webpack compilation, every action is therefore hyper slow.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">I'm running a Next.js app on top of Express, which is itself on top of serverless-offline, which is used to simulate the AWS lambda behavior.</p>
<p dir="auto">Express is used by aws-serverless-express, which is a bridge between express and the Serverless framework. I therefore don't run an instance of express myself, but rather just configure the app and export it, as a module. This module is then used internally of aws-serverless-express to run the express server.</p>
<p dir="auto">In this situation, I don't see how I can use <code class="notranslate">app.prepare</code>, which is async, because if I run it inside my lambda then it gets called at every call, including the HMR heartbeats.</p>