I'm importing a map ponent dynamically with Next.js and I need to pass some data to it via props.

const MapWithNoSSR = dynamic(() => import("../Map"), {
    ssr: false,
    loading: () => <p>...</p>,
  });

Is there any way to do that?

I'm importing a map ponent dynamically with Next.js and I need to pass some data to it via props.

const MapWithNoSSR = dynamic(() => import("../Map"), {
    ssr: false,
    loading: () => <p>...</p>,
  });

Is there any way to do that?

• javascript
• reactjs
• next.js

• 1 And what is the problem, exactly? – Yevhen Horbunkov Commented Dec 9, 2021 at 22:15
• the problem is that when I passed the data in props like I usually do, the ponent didn't read the data, so I thought maybe there is another way of passing data to dynamic ponents in next JS – Ala Ben Aicha Commented Dec 9, 2021 at 22:19
• 2 '> ... when I passed the data in props like I usually do, the ponent didn't read the data...' Then, you've, probably, forgotten to paste here relevant piece of code. – Yevhen Horbunkov Commented Dec 9, 2021 at 22:22
• How are you using MapWithNoSSR? – juliomalves Commented Dec 9, 2021 at 23:57

1 Answer 1

You would do like any other ponent:

<MapWithNoSRR yourProp={data}></MapWithNoSRR>