<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">If we use <code class="notranslate">next/dynamic</code> to import components in several files, we experience a flashing "loading..." text when the client mounts.</p>
<p dir="auto">If we only import one place, it works fine.<br>
It also works fine in development.</p>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">Codesandbox example below shows that the <code class="notranslate">One</code> component flashes with "loading" text since it is imported twice, while the <code class="notranslate">Two</code> component does not flash, because it is only imported once.</p>
<p dir="auto"><a href="https://codesandbox.io/s/qqy7x4r26w" rel="nofollow"><img src="https://camo.githubusercontent.com/90808661433696bc57dce8d4ad732307b5cec6270e6b846f114dcd7ee7f9458a/68747470733a2f2f636f646573616e64626f782e696f2f7374617469632f696d672f706c61792d636f646573616e64626f782e737667" alt="Edit next-dynamic-import-bug" data-canonical-src="https://codesandbox.io/static/img/play-codesandbox.svg" style="max-width: 100%;"></a></p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">I expect the dynamic import to behave the same in development and production, as well as it not causing a flash when the client mounts.</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: macOS mojave</li>
<li>Browser: Chrome 69.0.3497.100</li>
<li>Version of Next.js: 7.0.2</li>
</ul>
<h1 dir="auto">Bug report</h1>
<h2 dir="auto">Describe the bug</h2>
<p dir="auto">If we use <code class="notranslate">next/dynamic</code> to import components in several files, we experience a flashing "loading..." text when the client mounts.</p>
<p dir="auto">If we only import one place, it works fine.<br>
It also works fine in development.</p>
<h2 dir="auto">To Reproduce</h2>
<p dir="auto">Codesandbox example below shows that the <code class="notranslate">One</code> component flashes with "loading" text since it is imported twice, while the <code class="notranslate">Two</code> component does not flash, because it is only imported once.</p>
<p dir="auto"><a href="https://codesandbox.io/s/qqy7x4r26w" rel="nofollow"><img src="https://camo.githubusercontent.com/90808661433696bc57dce8d4ad732307b5cec6270e6b846f114dcd7ee7f9458a/68747470733a2f2f636f646573616e64626f782e696f2f7374617469632f696d672f706c61792d636f646573616e64626f782e737667" alt="Edit next-dynamic-import-bug" data-canonical-src="https://codesandbox.io/static/img/play-codesandbox.svg" style="max-width: 100%;"></a></p>
<h2 dir="auto">Expected behavior</h2>
<p dir="auto">I expect the dynamic import to behave the same in development and production, as well as it not causing a flash when the client mounts.</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: macOS mojave</li>
<li>Browser: Chrome 69.0.3497.100</li>
<li>Version of Next.js: 7.0.2</li>
</ul>