<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">Some Link components stops working in development and production</p>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">here is a live example <a href="https://frontend-e4m1qf1rc.now.sh/" rel="nofollow">https://frontend-e4m1qf1rc.now.sh/</a> (<strong>note</strong>: there is popup ads, i hope you have an adblock)<br>
1- Click on any news article, if you click on the home Link or the Logo link in the header, everything works as expected.<br>
but when clicking on a news article, and refresh the page, and clicking on the home Link, the Link freezes and it's not routing to the proper route<br>
2- This also occurs when going directly to a news article from a full url(domaine.com/news/some-slug)</p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">for the Link components to route to the desired route without freezing</p>
<h2 dir="auto">Screenshots</h2>
<p dir="auto">this is how i use Link for those non-working routes:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;Link href=&quot;/&quot; prefetch&gt;
  &lt;a className={classes.homeLink} title=&quot;home&quot;&gt;
    home
  &lt;/a&gt;
&lt;/Link&gt;"><pre class="notranslate"><span class="pl-c1">&lt;</span><span class="pl-ent">Link</span> <span class="pl-c1">href</span><span class="pl-c1">=</span><span class="pl-s">"/"</span> <span class="pl-c1">prefetch</span><span class="pl-c1">&gt;</span>
  <span class="pl-c1">&lt;</span><span class="pl-ent">a</span> <span class="pl-c1">className</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-s1">classes</span><span class="pl-kos">.</span><span class="pl-c1">homeLink</span><span class="pl-kos">}</span> <span class="pl-c1">title</span><span class="pl-c1">=</span><span class="pl-s">"home"</span><span class="pl-c1">&gt;</span>
    home
  <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">a</span><span class="pl-c1">&gt;</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Link</span><span class="pl-c1">&gt;</span></pre></div>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>Browser: chrome 75.0.3770.100 64bit</li>
<li>Version of Next.js: 9.0.2</li>
</ul>
<p dir="auto">In my app, I have a series of QueryRenderers (some nested inside each other) that are pulling data. When I disable javascript in my browser, I expect it to render the full page properly on the server, and give it to me, however, this does not happen.</p>
<p dir="auto">Posted here, since I think this is a problem centric to the server-side render, and not specifically relay.</p>



<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<p dir="auto">Server side should render the full app, after all the QueryRenderer calls complete.</p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">It appears that after the fetch, the <code class="notranslate">QueryRenderer#render</code> prop is not called again on the server.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>Add relay and a working query renderer to your app</li>
<li>Have the result just output the result as text</li>
<li>Disable javascript in your browser</li>
<li>Reload the page, you won't see the result text.</li>
</ol>
<h2 dir="auto">Context</h2>


<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>5.0.0</td>
</tr>
<tr>
<td>node</td>
<td>8.9.4</td>
</tr>
<tr>
<td>OS</td>
<td>osx sierra 10.12.6</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome Version 66.0.3359.117 (Official Build) (64-bit)</td>
</tr>
</tbody>
</table>