KaTeX example preview suggestion for update

[MadsFrost]

Hi, the example was not working and I think I have some sort of a working example, here are the changes:

components: {
                        code: ({ inline, children = [], className, ...props }) => {
                            const txt: any = children[0] || '';
                            if (inline) {
                                if (typeof txt === 'string' && /^\$\$(.*)\$\$/.test(txt)) {
                                    const html = katex.renderToString(txt.replace(/^\$\$(.*)\$\$/, '$1'), {
                                        throwOnError: false,
                                    });
                                    return <code dangerouslySetInnerHTML={{ __html: html }} />;
                                }
                                return <code>{txt}</code>;
                            }
                            if (
                                txt?.props &&
                                typeof txt.props.children[0] === 'string' &&
                                typeof className === 'string' &&
                                txt.props.children !== undefined &&
                                txt.props.children.length !== 0 &&
                                /^language-katex/.test(className.toLocaleLowerCase())
                            ) {
                                const html = katex.renderToString(txt.props.children[0], {
                                    throwOnError: false,
                                });
                                return <code dangerouslySetInnerHTML={{ __html: html }} />;
                            }
                            return <code className={String(className)}>{txt}</code>;
                        },
                    },

[jaywcjlove]

react-md-editor/website/ExmapleKaTeX.tsx

Lines 33 to 56 in d4e69df

	code: ({ inline, children = [], className, ...props }) => {
	const txt = children[0] || '';
	if (inline) {
	if (typeof txt === 'string' && /^\$\$(.*)\$\$/.test(txt)) {
	const html = katex.renderToString(txt.replace(/^\$\$(.*)\$\$/, '$1'), {
	throwOnError: false,
	});
	return <code dangerouslySetInnerHTML={{ __html: html }} />;
	}
	return <code>{txt}</code>;
	}
	const code = props.node && props.node.children ? getCodeString(props.node.children) : txt;
	if (
	typeof code === 'string' &&
	typeof className === 'string' &&
	/^language-katex/.test(className.toLocaleLowerCase())
	) {
	const html = katex.renderToString(code, {
	throwOnError: false,
	});
	return <code style={{ fontSize: '150%' }} dangerouslySetInnerHTML={{ __html: html }} />;
	}
	return <code className={String(className)}>{txt}</code>;
	},

@MadsFrost Updated the code for the documentation example, there should be no problem.