Cannot execute mdx `run` on string with mdx included codehike code in next.js frontend

[kliukovkin]

The issue is with such sample:

import { run } from "@mdx-js/mdx";
import * as runtime from "react/jsx-runtime";
import { compile } from "@mdx-js/mdx";
import { remarkCodeHike } from "@code-hike/mdx";

const textTest1 = `
  \`\`\`python hello.py
  # mark[16:24]
  print("This is Code Hike")
  \`\`\`
`;

const code = await compile(textTest1, {
  outputFormat: "function-body",
  useDynamicImport: true,
  remarkPlugins: [[remarkCodeHike]],
})

const { default: Component } = await run(code, runtime)

console.log(Component);

When executing this code on backend everything works fine and I see in the console:

[Function: MDXContent]

But the problem is that I'm running compile1 on the backend and return to the frontend string with code. Then, when I'm trying to call run I faced with an error:

@pomber Do you know any workaround or how to solve this issue?

[pomber]

You probably need to disable CodeHike's autoimport. See #222 for a similar issue.

Let me know if it doesn't work.

[kliukovkin]

That works! Thank you @pomber !