18 lines
419 B
TypeScript
18 lines
419 B
TypeScript
import React from 'react';
|
|
import ReactMarkdown from 'react-markdown';
|
|
import gfm from 'remark-gfm';
|
|
|
|
export const Markdown = ({
|
|
children,
|
|
onImageLoaded = () => {},
|
|
}: {
|
|
children: string;
|
|
onImageLoaded?: () => void;
|
|
}) => (
|
|
<ReactMarkdown
|
|
components={{img: ({...props}) => <img onLoad={onImageLoaded} {...props} />}}
|
|
remarkPlugins={[gfm]}>
|
|
{children}
|
|
</ReactMarkdown>
|
|
);
|