<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">There is a search page with infinite height(lazy load paging) for scrolling.When i clicked an item of search results on this page, i go to search detail page.That's ok for now.Then i want to go back the search page, i 've expected that the search page has rendered and after that set the past scroll position whose selected item on search results has.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">But my last scroll position of search page has been kept but it set scroll before rendering search page.This causes that the search page flickers.Actually this flicker is more explicit on mobile than on web.</p>
<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.1</td>
</tr>
<tr>
<td>node</td>
<td>8</td>
</tr>
<tr>
<td>OS</td>
<td>IOS</td>
</tr>
<tr>
<td>browser</td>
<td>Safari</td>
</tr>
</tbody>
</table>
<p dir="auto">Getting this when I try to reference a separate project (<code class="notranslate">repo/b/components/layout.js</code>):</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="ModuleParseError: Module parse failed: /path/to/repo/a/node_modules/react-hot-loader/webpack.js!/path/to/repo/b/components/layout.js Unexpected token (65:17)
You may need an appropriate loader to handle this file type.
|     return &lt;div&gt;&lt;/div&gt;
..."><pre class="notranslate"><code class="notranslate">ModuleParseError: Module parse failed: /path/to/repo/a/node_modules/react-hot-loader/webpack.js!/path/to/repo/b/components/layout.js Unexpected token (65:17)
You may need an appropriate loader to handle this file type.
|     return &lt;div&gt;&lt;/div&gt;
...
</code></pre></div>
<p dir="auto">The paths are like:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="/repo/a
/repo/a/pages/page1.js
/repo/b
/repo/b/components/layout.js"><pre class="notranslate"><code class="notranslate">/repo/a
/repo/a/pages/page1.js
/repo/b
/repo/b/components/layout.js
</code></pre></div>
<p dir="auto">And in page1.js it is doing this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import Layout from '../../b/components/layout'"><pre class="notranslate"><code class="notranslate">import Layout from '../../b/components/layout'
</code></pre></div>
<p dir="auto">The next server is running from within repo a:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="cd repo/a
npm run dev # which is this:
babel-node --presets=es2015,stage-0 --plugins=transform-react-jsx,styled-jsx/babel server.js"><pre class="notranslate"><code class="notranslate">cd repo/a
npm run dev # which is this:
babel-node --presets=es2015,stage-0 --plugins=transform-react-jsx,styled-jsx/babel server.js
</code></pre></div>


<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 related are <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="221428310" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/1706" data-hovercard-type="issue" data-hovercard-url="/vercel/next.js/issues/1706/hovercard" href="https://github.com/vercel/next.js/issues/1706">#1706</a> and <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="261800404" data-permission-text="Title is private" data-url="https://github.com/vercel/next.js/issues/3018" data-hovercard-type="issue" data-hovercard-url="/vercel/next.js/issues/3018/hovercard" href="https://github.com/vercel/next.js/issues/3018">#3018</a>.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Expected behavior is that I can load this JSX module from a separate repo outside of the main project.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Current behavior is that I can't abstract out code into a separate repo if it has JSX in it.</p>
<h2 dir="auto">Context</h2>
<p dir="auto">I can't refactor code into a shared lib.</p>
<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>4beta2</td>
</tr>
<tr>
<td>node</td>
<td>8.4</td>
</tr>
</tbody>
</table>