Use markdown-to-jsx with SolidJS

solid-markdown-to-jsx-example.tsx

import { compiler, type MarkdownToJSX } from 'markdown-to-jsx';
import { Component, JSX } from 'solid-js';
import h from 'solid-js/h';

/**
 * A simple HOC for use with SolidJS. Feed the markdown content as a direct child
 * and the rest is taken care of automatically.
 */
const Markdown: Component<{ children?: string }> = ({ children = '' }) => {
  return compiler(children, {
    createElement: h as unknown as NonNullable<MarkdownToJSX.Options['createElement']>,
  }) as unknown as JSX.Element;
};