<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">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Page should render</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Page is not rendering. Instead giving error that <code class="notranslate"> The default export is not a React Component in page: "/"</code></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>Update to Next 5 using command from blog: <code class="notranslate">npm i next@latest react@latest react-dom@latest</code></li>
</ol>
<p dir="auto">I reduced my page to this, and still got error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="export class MyComp extends React.Component {
  render() {
    return (
        &lt;div&gt;
          Hello World
        &lt;/div&gt;
    )
  }
}

export default MyComp;"><pre class="notranslate"><code class="notranslate">export class MyComp extends React.Component {
  render() {
    return (
        &lt;div&gt;
          Hello World
        &lt;/div&gt;
    )
  }
}

export default MyComp;
</code></pre></div>
<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>9.4.0</td>
</tr>
<tr>
<td>OS</td>
<td>Mac</td>
</tr>
<tr>
<td>browser</td>
<td>All</td>
</tr>
<tr>
<td>react</td>
<td>16.2.0</td>
</tr>
<tr>
<td>react-dom</td>
<td>16.2.0</td>
</tr>
</tbody>
</table>
<p dir="auto">There are many tags in the HTML which NextJS generates which contain absolute URLs. For example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="href=&quot;/_next/blah&quot;"><pre class="notranslate"><code class="notranslate">href="/_next/blah"
</code></pre></div>
<p dir="auto">I've added selenium + chrome headless testing to my Next project, and it works fine when I test <a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a>, but when I do a <code class="notranslate">next export</code>, and then try to to test <code class="notranslate">file:///home/user/project_dir/out/index.html</code>, all of those absolute links are broken.I.e, it tries to fetch <code class="notranslate">file:///_next/blah</code> instead of: <code class="notranslate">file:///home/user/project_dir/out/_next/blah</code>.</p>
<p dir="auto">If I post-edit the generated HTML to make those links relative, then it all works fine.</p>
<p dir="auto">I need to be able to run my tests against the static files which are generated by export to ensure that they have been generated correctly before publishing.</p>
<p dir="auto">I suspect this is also an issue when people simply wish to run their nextjs application from a location other than the root of their website.</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">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<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>v3.0.1-beta.15</td>
</tr>
<tr>
<td>node</td>
<td>v8.1.3</td>
</tr>
<tr>
<td>OS</td>
<td>Debian 9</td>
</tr>
<tr>
<td>browser</td>
<td>Google Chrome 59.0.3071.115</td>
</tr>
</tbody>
</table>