Upgrading to React 19 broke the Markdown Editor

[khanakia]

I just upgraded to React 19 and now if I add any Custom HTML tags it throws an error in the console

When I disabled the preview then it works fine

<MarkdownEditor
   enablePreview={false}
/>

The tag <statlistitem> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter. Error Component Stack
    at statlistitem (<anonymous>)
    at Markdown (index.js:163:35)
    at div (<anonymous>)
    at eval (preview.js:34:7)
    at eval (index.js:33:110)
    at div (<anonymous>)
    at div (<anonymous>)
    at div (<anonymous>)
    at MarkdownEditorInternal (index.js:71:7)
    at LoadableComponent (dynamic-BkHm8yrd.js:133:9)

[vojtaholik]

@khanakia this is rather a workaround than proper solution, but try disabling preview enablePreview={false} or adding the mdx component to preview context:

<MarkdownEditor
  previewProps={{
    components: {
      statlistitem: ({ children }) => children,
    },
  }}

[khanakia]

I can't manually define statlistitem there could be any number of dynamically defined components.

The issue is because of React 19 have changed this https://react.dev/blog/2024/12/05/react-19#improvements-in-react-19

so ref should not be passed as 2nd argument anymore