title: Having multiple dynamic imports in nextjs
body: <p>I am using NextJS's dynamic import feature to optimise my server-side rendering. This code works, but how can I optimise it to avoid calling import on the same path so many times?
  My code:</p>
  <p><strong>Index.js</strong></p>
  <pre><code>export { default as A } from ‘./A’;
  export { default as B } from ‘./B’;
  export { default as C } from ‘./C’;
  </code></pre>
  <p><strong>App.js</strong></p>
  <pre><code>const A = dynamic(() =&gt; import(‘../abcs’).then(module =&gt; module.A));
  const B = dynamic(() =&gt; import(‘../abcs’).then(module =&gt; module.B)); 
  const C = dynamic(() =&gt; import(‘../abcs’).then(module =&gt; module.C)); 
  
  ...
  
  Use A, B, C
  </code></pre>