Can I use codehike directly in react without mdx

[asurance]

I tryed to write a simple compoent like this:

export type CodeBlockProps = {
  code: string;
  lang?: string;
};

const CodeBlock = ({ code, lang = "typescript" }: CodeBlockProps) => {
  const highlightCode = useRequest(
    () =>
      highlight(
        {
          value: code,
          lang,
          meta: "",
        },
        "github-light"
      ),
    {
      refreshDeps: [code, lang],
    }
  );
  return (
    <Spin spinning={highlightCode.loading}>
      {highlightCode.data && <Pre code={highlightCode.data} />}
    </Spin>
  );
};

It seems to be ok when renderring, howerer token transitions disappears when switch code. I don't know whether it's a problem about my usage or some otherthing will be setted when using in mdx.

[pomber]

yes, it should work without mdx

not sure about the token transitions, you are not passing any handler to the Pre component in your example

[asurance]

yes，I fount that example language-switcher passed no handler too. So I thought it's unnecessary before.