According NextJs documentation we can use dynamic import for javascripts filesconst DynamicComponent = dynamic(() => import('../components/hello')).
Will be correct to use dynamic import also for .tsx file like this:
const MyComponent = dynamic(() => import('main/my-file.tsx'), {
ssr: false,
});
? Or we can import dynamically only .js files?
I guess you can dynamically import ts files in nextjs with some workarounds.
import dynamic from "next/dynamic";
...
...
const Button = dynamic(() => import("../components/Button").then(module => module.default));
If you want to read further https://github.com/vercel/next.js/issues/4515