search

MatthewCaseres / react-run-code

MIT License
49 stars 12 forks source link

Unable to dynamic import in MDX with NextJS #1

Open MatthewCaseres opened 3 years ago

MatthewCaseres commented 3 years ago

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 commented 3 years ago

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