<p dir="auto">This happens only in <code class="notranslate">6.0.0-canary.x</code> releases. If you go back to <code class="notranslate">5.10.0</code> it works fine.</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>


<p dir="auto">Should load scss in pages even if there are styles set in <code class="notranslate">_error.js</code>.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">It doesn't load scss in pages if therea are styles set in <code class="notranslate">_error.js</code>,</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>git clone <a href="https://github.com/PaulRBerg/next.js-broken-scss">https://github.com/PaulRBerg/next.js-broken-scss</a></li>
<li>cd next.js-broken-scss</li>
<li>npm install</li>
<li>npm run dev</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">If you try to load other scss in any file from pages, it doesn't load and it defaults to the scss used in the custom <code class="notranslate">_error.js</code> file. If you comment that out, you lose the styles for the error page, but it works on the normal ones.</p>
<p dir="auto">I spent one full day on this, and I think it's an important bug. It's really confusing, hard to track and reproduce, as you'd normally question the configuration of babel, <a class="issue-link js-issue-link notranslate" rel="noopener noreferrer nofollow" href="https://linear.app/vercel/issue/NEXT-sass">next-sass</a>, <a class="issue-link js-issue-link notranslate" rel="noopener noreferrer nofollow" href="https://linear.app/vercel/issue/NEXT-compose-plugins">next-compose-plugins</a> &amp; so on.</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>6.0.0-canary.4</td>
</tr>
<tr>
<td>node</td>
<td>9.4.0</td>
</tr>
<tr>
<td>OS</td>
<td>OSX Sierra 10.13.3</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 65.0.3325.181</td>
</tr>
</tbody>
</table>
<p dir="auto">Hi. I'm kind of new to ReasonML and wanted to start it with Next.js. After trying to reproduce the <code class="notranslate">with-reasonml</code> example I've noticed that each time a link is clicked, the page is reloaded (like on a regular site with server generated content), which defeats the whole purpose of a single-page app.</p>
<p dir="auto">Besides, docs for the example say:</p>
<blockquote>
<p dir="auto">An app with two pages which has a common Counter component. That Counter component maintain the counter inside its module. This is used primarily to illustrate that modules get initialized once and their state variables persist in runtime.</p>
</blockquote>
<p dir="auto">And hence I presume that it is not the expected behavior.</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>


<p dir="auto">Links are followed SPA-style, without the full page refresh.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/5165202/37597565-d5968a40-2b90-11e8-8db0-c3aff9ce46ba.gif"><img src="https://user-images.githubusercontent.com/5165202/37597565-d5968a40-2b90-11e8-8db0-c3aff9ce46ba.gif" alt="reasonml2" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce</h2>


<ol dir="auto">
<li><code class="notranslate">$ yarn create next-app --example with-reasonml with-reasonml-app</code></li>
<li><code class="notranslate">$ cd with-reasonml-app</code></li>
<li><code class="notranslate">$ yarn build &amp;&amp; yarn start</code></li>
</ol>
<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>5.0.0</td>
</tr>
<tr>
<td>node</td>
<td>9.2.0</td>
</tr>
<tr>
<td>OS</td>
<td>macOS 10.13.3</td>
</tr>
<tr>
<td>browser</td>
<td>any, basically</td>
</tr>
<tr>
<td>bs-platform</td>
<td>2.2.3</td>
</tr>
<tr>
<td>babel-plugin-bucklescript</td>
<td>0.3.1</td>
</tr>
<tr>
<td>reason-react</td>
<td>0.3.4</td>
</tr>
</tbody>
</table>