[bug] render source="<div ref={} />"

[hshe]

throw error

[jaywcjlove]

@hshe Provide an example that reproduces the error and I can help you take a look

[hshe]

"past this content

" to https://uiwjs.github.io/react-markdown-preview/

F12 show the error logs add last char '>' then crash @jaywcjlove

[hshe]

contains element <div ref .....

[hshe]

example

import MarkdownPreview from '@uiw/react-markdown-preview';

const source = `
\`\`\`js {2}
function () {
  console.log('hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello')
}
\`\`\`
\`\`\`js {2}
function () {
  console.log('hello ')
}
joker <div ref={endRef} /> 3
\`\`\`
joker <div ref/> 3
`;

export default function Demo() {
  return (
    <MarkdownPreview
      source={source}
    />
  );
}

[jaywcjlove]

@hshe This is a problem caused by rehype-raw, Here is a solution:

<MarkdownPreview
    pluginsFilter={(type, plugin) => {
        if (type === "rehype") {
          let data = plugin.filter((item) => {
            if (typeof item === 'function' && item.name === "rehypeRaw") {
              return false;
            }
            return true;
          });
          return data;
        }
        return plugin;
    }}
    className="editor-preview"
    source={value}
/>

https://github.com/uiwjs/react-markdown-preview/blob/5ff252b606d20d25c6cbb6811f71bfcb0d86feff/core/src/index.tsx#L7

https://github.com/uiwjs/react-markdown-preview/blob/5ff252b606d20d25c6cbb6811f71bfcb0d86feff/core/src/preview.tsx#L46-L48

[hshe]

Thank you @jaywcjlove