<h1 dir="auto">Examples bug report</h1>
<h2 dir="auto">Example name</h2>
<p dir="auto">blog-starter</p>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">Client-side route changes are broken. When you click around on the client after the initial load, content is appended to a container instead of replacing it. Seems like there might be an issue with a Suspense component?</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/4060187/65816670-c9661800-e1cc-11e9-87c2-38beb54bdc6c.gif"><img src="https://user-images.githubusercontent.com/4060187/65816670-c9661800-e1cc-11e9-87c2-38beb54bdc6c.gif" alt="Kapture 2019-09-28 at 8 46 47" data-animated-image="" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/4060187/65816681-06320f00-e1cd-11e9-9ac5-f6e211db7e62.png"><img width="842" alt="Screenshot 2019-09-28 08 50 18" src="https://user-images.githubusercontent.com/4060187/65816681-06320f00-e1cd-11e9-9ac5-f6e211db7e62.png" style="max-width: 100%;"></a></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><code class="notranslate">npx create-next-app --examples blog-starter my-blog</code></li>
<li><code class="notranslate">now dev</code></li>
<li>Click around</li>
<li>See error</li>
</ol>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">Links/content match routes</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS: macOS</li>
<li>Browser: Chrome</li>
<li>Version of Next.js: 9.0.6</li>
</ul>
<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">At least two of the NextJS examples do not work when run "out of the box".</p>
<h2 dir="auto">To Reproduce</h2>
<ol dir="auto">
<li>Follow the steps in either of these two READMEs:
<ul dir="auto">
<li><a href="https://github.com/mui-org/material-ui/blob/master/examples/nextjs-with-typescript/README.md">nextjs-with-typescript</a></li>
<li><a href="https://github.com/zeit/next.js/blob/canary/examples/hello-world/README.md">hello-world</a></li>
</ul>
</li>
<li>Run <code class="notranslate">npm install &amp;&amp; npm run dev</code>.
<ul dir="auto">
<li>React will report "Unexpected fiber popped" and "Unexpected pop" in the console.</li>
<li>In the Material UI example, buttons will not demonstrate the ripple effect when clicked. In my application, the effects are more severe, leading to loss of interactivity.</li>
</ul>
</li>
<li>Deploy using <code class="notranslate">npx now</code>. Resulting application will report errors.
<ul dir="auto">
<li><a href="https://nextjs-with-typescript.ryaninvents.now.sh/" rel="nofollow">nextjs-with-typescript</a> deployment</li>
<li><a href="https://hello-world.ryaninvents.now.sh/" rel="nofollow">hello-world</a> deployment</li>
</ul>
</li>
</ol>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">Given examples work when deployed and run.</p>
<h2 dir="auto">Screenshots</h2>
<p dir="auto">If applicable, add screenshots to help explain your problem.</p>
<h2 dir="auto">System information</h2>
<ul dir="auto">
<li>OS
<ul dir="auto">
<li>Development: Ubuntu 18.04 LTS</li>
<li>Deployment: Zeit Now platform</li>
</ul>
</li>
<li>Browser: Reproducible in Chrome and Firefox</li>
<li>Version of Next.js: 9.0.6 (current <code class="notranslate">latest</code>)</li>
</ul>