<h1 dir="auto"> does not work in production</h1>
<p dir="auto">I'm having an issue with next link, on my development environment the component work really well, i have included the code for the component bellow, my main issue is when i deploy to production (im using zeit now) the link does not work and anything happens when the button is clicked, <strong>no consol errors</strong></p>
<h2 dir="auto">Component</h2>
<p dir="auto"><code class="notranslate"> import Link from 'next/link'; import { ShopingCartNavIcon } from '../../lib/icons'; const CheckoutButton = () =&gt; { return ( &lt;Link href='/cart'&gt; &lt;button class='nav--cart--btn' title='Shopping Cart'&gt; &lt;span&gt;Shopping Cart&lt;/span&gt; &lt;ShopingCartNavIcon /&gt; &lt;/button&gt; &lt;/Link&gt; ); }; export default CheckoutButton;</code></p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">To redirect the user to the Cart page.</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: Windows 10</li>
<li>Browser chrome</li>
<li>Version of Next.js: 9.1.4</li>
</ul>
<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>