<p dir="auto">I have various Link in my application but when deployed in production they stop working. The code is as follows:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Link href=&quot;/register&quot;&gt;
  &lt;a&gt;Register&lt;/a&gt;
&lt;/Link&gt;"><pre class="notranslate"><code class="notranslate">&lt;Link href="/register"&gt;
  &lt;a&gt;Register&lt;/a&gt;
&lt;/Link&gt;
</code></pre></div>
<p dir="auto">When navigating in development they work fine. When I deploy to production the link takes forever to load the next page. If I write the URL in the address bar it loads fine. When I click on the Link it just hangs, and never loads the page.</p>
<p dir="auto">Production environment is:</p>
<p dir="auto">Ubuntu 18.04<br>
Node.js custom server (Express) behind Nginx.</p>
<p dir="auto">This is bug report</p>
<p dir="auto">Link does not work with css-module imported. That happens when page with Link has no css, and linked page has. No errors in console, so im not sure about reasons, but there is minimal repo to reproduce:<br>
<a href="https://github.com/standy/next-css-error">https://github.com/standy/next-css-error</a></p>
<p dir="auto">Bug appears in <code class="notranslate">next@7.0.0</code> + <code class="notranslate">next-css@1.0.1</code>,<br>
Older <code class="notranslate">next@6.1.2</code> + <code class="notranslate">next-css@0.2.0</code> works fine</p>