MarkdownRenderer

import { MarkdownRenderer } from "@rixx-ui/react/markdown";
import "@rixx-ui/react/styles.css";

<MarkdownRenderer
  status={streaming ? "streaming" : "complete"}
  options={{ theme: "system", locale: "en-US" }}
  urlPolicy={(url) => new URL(url).hostname.endsWith("example.com")}
  imagePolicy={({ src }) => new URL(src).hostname === "images.example.com"}
  onNavigate={(url) => router.push(url)}
>
  {accumulatedMarkdown}
</MarkdownRenderer>;