Import dynamic a typescript file in Next JS

Question

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?

You can dynamically import both JavaScript and TypeScript modules. — juliomalves
– juliomalves, Commented Apr 1, 2022 at 22:23

Jamie Mason · Accepted Answer · 2022-06-14 07:14:41Z

5

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

edited Jun 14, 2022 at 7:14

Jamie Mason

4,2212 gold badges35 silver badges42 bronze badges

answered Mar 28, 2022 at 12:30

Ferin Patel

4,0193 gold badges19 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Asking Over a year ago

but in the way i wrote will work> Because i tried and looks ok like i did.

Collectives™ on Stack Overflow

Import dynamic a typescript file in Next JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related