inlineCode error was occurred when I run the script for KaTeX preview about react-md-editor

[jaywcjlove]

const renderers = {
  inlineCode: ({ children }) => {
    if (/^\$\$(.*)\$\$/.test(children)) {
      const html = katex.renderToString(children.replace(/^\$\$(.*)\$\$/, '$1'), {
        throwOnError: false,
      });
      return <code dangerouslySetInnerHTML={{ __html: html }} />
    }
-    if (children == null) {
-        return <code />;
-    }
    return children;
  },
  code: ({ children, language, value }) => {
    if (language.toLocaleLowerCase() === 'katex') {
      const html = katex.renderToString(value, {
        throwOnError: false
      });
      return (
        <pre>
          <code dangerouslySetInnerHTML={{ __html: html }} />
        </pre>
      );
    }
-    if (children == null) {
-        return <code />;
-    }
    return children;
  }
}

@champon1020 The code is redundant.

Solution

<MDEditor
- value={mdKaTeX}
+ value={mdKaTeX === null ? '' : mdKaTeX}
/>

or

<MDEditor
- value={mdKaTeX}
+ value={mdKaTeX  || ''}
/>

thx!

[champon1020]

Thanks for your reply!
I think this issue was solved so I'll close.