Unable to dynamic import in MDX with NextJS

[MatthewCaseres]

Tried to use a dynamic import in mdx file.

let Editor = dynamic(() => import("react-run-code"), {
  ssr: false,
});

<Editor
  id="10"
  modelsInfo={[{"filename":"typeof.js","value":"let fromLet = \"from let\"\r\nconst fromConst = \"from const\"\r\nfromLet = \"reassign let\"\r\nconsole.log(fromLet)\r\nfromConst = \"this will cause an error\"","language":"javascript"}]}
/>

Received "Syntax error: Identifier 'Editor' has already been declared"

The fix here is probably to make it so the component works without a dynamic import.

[MatthewCaseres]

This enhancement should fix the issue: https://github.com/Open-EdTech/react-run-code/issues/2