<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">Sometimes in both development and production I have a problem where  simply does not work.</p>
<h2 dir="auto">To Reproduce</h2>
<ol dir="auto">
<li>Navigate to certain pages</li>
<li>Click link</li>
<li>Observe issue</li>
</ol>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">Link should navigate me to linked page.</p>
<h2 dir="auto">Screenshots</h2>
<p dir="auto">I can provide screen recording if it is helpful</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: MacOs, phoneOS</li>
<li>Browser Chrome, Safari</li>
<li>Version of Next.js: 9</li>
</ul>
<h2 dir="auto">Additional context</h2>
<p dir="auto">Only happens on certain key pages.</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>