<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">Simple javascript function to Router.push("/") will not work correctly.</p>
<p dir="auto">in <code class="notranslate">_app.js</code> has:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Router.events.on('routeChangeStart', url =&gt; {
  console.log(`Loading: ${url}`);
});"><pre class="notranslate"><code class="notranslate">Router.events.on('routeChangeStart', url =&gt; {
  console.log(`Loading: ${url}`);
});
</code></pre></div>
<p dir="auto">which is working...</p>
<p dir="auto">in my AppBar(Material-ui Toolbar) i have a simple onClick (i've also tried with <code class="notranslate">&lt;Link&gt;</code> to no avail)</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Avatar
            src=&quot;/static/img/favicon-96x96.png&quot;
            onClick={() =&gt; Router.push(ROUTE.LANDING)}
          /&gt;"><pre class="notranslate"><code class="notranslate">&lt;Avatar
            src="/static/img/favicon-96x96.png"
            onClick={() =&gt; Router.push(ROUTE.LANDING)}
          /&gt;
</code></pre></div>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">Steps to reproduce the behavior, please provide code snippets or a repository:</p>
<p dir="auto">Create a new <code class="notranslate">&lt;Link&gt;</code> with href to <code class="notranslate">"/"</code> ....see if it redirects to your homepage from another page.<br>
or<br>
Create a new element with an onChange parameter. <code class="notranslate">onChange={Router.push("/")}</code> and see if it redirects to home page from another page.<br>
The current page will stay rendered, however the <code class="notranslate">routeChangeStart</code> callback will fire...</p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">I expect the home page (index.js) to be rendered within a few seconds of calling <code class="notranslate">Router.push</code> or clicking a <code class="notranslate">&lt;Link&gt;</code> with <code class="notranslate">href="/"</code></p>
<h2 dir="auto">Screenshots</h2>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/955269/64286999-8fd32180-cf2c-11e9-9724-b892bd61861b.png"><img src="https://user-images.githubusercontent.com/955269/64286999-8fd32180-cf2c-11e9-9724-b892bd61861b.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">image of the <code class="notranslate">routeChangeStart</code> consoling out in <code class="notranslate">_app.js</code></p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: both macOS and Windows</li>
<li>i've tested with Firefox, Chrome, and Safari.</li>
<li><code class="notranslate"> "next": "^9.0.5"</code></li>
</ul>
<h2 dir="auto">Additional context</h2>
<p dir="auto">Reopening from <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="362980099" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/5264" data-hovercard-type="issue" data-hovercard-url="/vercel/next.js/issues/5264/hovercard" href="https://github.com/vercel/next.js/issues/5264">#5264</a> .</p>
<p dir="auto">Thank you!</p>
<h1 dir="auto">Bug report</h1>
<p dir="auto">When attempting to navigate to some pages with a simple <code class="notranslate">&lt;Link href='...'/&gt;</code>, the page hangs and things break.</p>
<ul dir="auto">
<li>Go to <a href="https://nozzleio-8f0sjfbt1.now.sh/" rel="nofollow">https://nozzleio-8f0sjfbt1.now.sh/</a></li>
<li>Navigate around using the top nav bar</li>
<li>Go to the footer and click on the three links that contain "API Docs"</li>
<li>Observe the console and network tab</li>
</ul>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">The navigation should succeed.</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: macOS</li>
<li>Browser: Chrome</li>
<li>Version of Next.js: 9@latest</li>
</ul>
<h2 dir="auto">More Information</h2>
<p dir="auto">The repo for this website can be found at <a href="https://github.com/nozzle/nozzle.io">https://github.com/nozzle/nozzle.io</a> on the master branch.</p>