title: Import dynamic a typescript file in Next JS
body: <p>According NextJs documentation we can use dynamic import for javascripts files<code>const DynamicComponent = dynamic(() =&gt; import('../components/hello'))</code>.
  <br> Will be correct to use dynamic import also for <code>.tsx</code> file like this:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const MyComponent = dynamic(() =&gt; import('main/my-file.tsx'), {
    ssr: false,
  });</code></pre>
  </div>
  </div>
  </p>
  <p>? Or we can import dynamically only <code>.js</code> files?</p>