<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">Sometimes when I have links they don't want to load in my dev environment. However when it's on the cloud it works fine. I'm not sure why.</p>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">Don't really know what steps I can do. Sometime's it works, sometime's it doesn't. If I refresh the page in a new tab, it will work as expected.</p>
<p dir="auto"><code class="notranslate">&lt;Link href="/config/link"&gt;&lt;a&gt;Text Here&lt;/a&gt;&lt;/Link&gt;</code></p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">For it to go to it's respected link.</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: macOS</li>
<li>Browser: safari</li>
<li>Version of Next.js: <code class="notranslate">"next": "^7.0.2",</code></li>
</ul>
<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">Either <code class="notranslate">Link</code> or <code class="notranslate">Router</code> stops working when doing client side routing. It seems that HMR may be interrupting the transition between pages. It occurs most frequently if the app is left idle or in the background for a bit of time (although I have experienced it happening whilst clicking around without it being idle)</p>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">Steps to reproduce the behavior, please provide code snippets or a repository:</p>
<ol dir="auto">
<li>Clone this repo (<a href="https://github.com/malimccalla/next-routing-issue">https://github.com/malimccalla/next-routing-issue</a>)</li>
<li>Install dependencies <code class="notranslate">npm install</code></li>
<li>Run the server <code class="notranslate">npm run dev</code></li>
<li>Visit all pages by clicking the links</li>
<li>Go make a coffee (leave page idle for ~2mins)</li>
<li>Attempt to visit all pages by clicking the links</li>
<li>Certain links do not navigate to their respective page 😔</li>
</ol>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">I expect to be able to visit all the individual pages</p>
<h2 dir="auto">Actual behaviour</h2>
<p dir="auto">Page does not navigate to certain routes. Refreshing the page will fix it</p>
<h2 dir="auto">Screenshots</h2>
<p dir="auto">Both the "about" and "contact" links do not work (notice the HMR log on the first attempt of each route). After a page refresh they work as expected. If I leave the app idle for roughly 2mins again it will start over with the issue</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/18899991/48032169-7b789980-e14e-11e8-9ec1-959cb9e54b7c.gif"><img src="https://user-images.githubusercontent.com/18899991/48032169-7b789980-e14e-11e8-9ec1-959cb9e54b7c.gif" alt="next-issue" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>mac Mojave 10.14</li>
<li>Chrome</li>
<li>next.js  v7.0.2</li>
</ul>
<h2 dir="auto">Additional context</h2>
<p dir="auto">With the console open you can see that the Router event <code class="notranslate">routeChangeStart</code> fires but <code class="notranslate">routeChangeComplete</code> never does.</p>