🚀 release v3.0.0

client/components/shared/Markdown.tsx

@@ -0,0 +1,21 @@
+import clsx from 'clsx';
+import { isEmpty } from 'lodash';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+
+type Props = {
+  children?: string;
+  className?: string;
+};
+
+const Markdown: React.FC<Props> = ({ className, children }) => {
+  if (!children || isEmpty(children)) return null;
+
+  return (
+    <ReactMarkdown remarkPlugins={[remarkGfm]} className={clsx('markdown', className)}>
+      {children}
+    </ReactMarkdown>
+  );
+};
+
+export default Markdown;