my harness for niri
1import ReactMarkdown from "react-markdown"
2import remarkGfm from "remark-gfm"
3import rehypeHighlight from "rehype-highlight"
4
5export function MarkdownBlock({ content }: { content: string }) {
6 return (
7 <div className="markdown">
8 <ReactMarkdown
9 remarkPlugins={[remarkGfm]}
10 rehypePlugins={[rehypeHighlight]}
11 components={{
12 a: ({ node: _node, ...props }) => <a {...props} target="_blank" rel="noreferrer" />,
13 }}
14 >
15 {content}
16 </ReactMarkdown>
17 </div>
18 )
19}