From c9464e0c6c004450ef4f84375109f88b2d7026f4 Mon Sep 17 00:00:00 2001
From: teodorus-nathaniel <nathankurnia26@gmail.com>
Date: Thu, 5 Oct 2023 22:25:43 +0700
Subject: [PATCH] Add remark plugin

---
 src/components/utils/DfMd.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/utils/DfMd.tsx b/src/components/utils/DfMd.tsx
index 6a491c1fc..d38091dd2 100644
--- a/src/components/utils/DfMd.tsx
+++ b/src/components/utils/DfMd.tsx
@@ -1,4 +1,5 @@
 import ReactMarkdown from 'react-markdown'
+import remarkGfm from 'remark-gfm'
 
 interface Props {
   source?: string
@@ -6,7 +7,11 @@ interface Props {
 }
 
 export const DfMd = ({ source, className = '' }: Props) => (
-  <ReactMarkdown className={`markdown-body ${className}`} linkTarget='_blank'>
+  <ReactMarkdown
+    remarkPlugins={[remarkGfm]}
+    className={`markdown-body ${className}`}
+    linkTarget='_blank'
+  >
     {source?.replaceAll('(https://app.subsocial.network/ipfs', '(https://ipfs.subsocial.network') ??
       ''}
   </ReactMarkdown>