obsidian-markdown.tsx

export interface ObsidianMarkdownProps {
    markdown: string;
}

export function ObsidianMarkdown({ markdown }: ObsidianMarkdownProps) {
    const { plugin, notePath } = usePluginContext();
    const [html, setHTML] = useState("");

    useEffect(() => {
        let mounted = true;
        async function resolveHTML() {
            const el = document.createElement("div");
            await MarkdownRenderer.render(plugin.app, markdown, el, notePath, plugin);
            if (mounted) setHTML(el.innerHTML);
        }
        resolveHTML();
        return () => (mounted = false);
    }, [markdown, notePath, plugin]);

    return createElement("div", { dangerouslySetInnerHTML: { __html: html } });
}