src/components/@shared/Markdown/index.tsx
import { markdownToHtml } from '@utils/markdown'
import React, { ReactElement } from 'react'
import styles from './index.module.css'
const Markdown = ({
text,
className
}: {
text: string
className?: string
}): ReactElement => {
const content = markdownToHtml(text)
return (
<div
className={`${styles.markdown} ${className}`}
// Note: We serialize and kill all embedded HTML over in markdownToHtml()
// so the danger here is gone.
dangerouslySetInnerHTML={{ __html: content }}
/>
)
}
export default Markdown