How to dynamically import a component in gatsby [duplicate]

Question

I am trying to import a component onto a page and the component uses a package that uses the window property. So, I need to dynamically import the component.

How can I do the following with Gatsby? (This is in NextJS)

import dynamic from 'next/dynamic';
...
const MyComponent = dynamic(() =>
    import('path').then((comp) => comp.default),
  );

Answer 1

You need to append your js script to your component. window property is not native. Check it, for example, here