fix: add remark-gfm plugin to Markdown component for table rendering

react-markdown without remark-gfm doesn't parse GitHub Flavored Markdown tables — the pipe characters were rendered as plain text instead of <table> HTML. Fix: install remark-gfm@4 and pass it to ReactMarkdown remarkPlugins. Also add overflow-x-auto wrapper for table responsiveness.
2026-08-20 22:39:16 +07:00
parent 3cb7879a75
commit 8906ed55a0
3 changed files with 57 additions and 3 deletions
@@ -18,7 +18,8 @@
    "react": "19.2.8",
    "react-dom": "19.2.8",
    "react-markdown": "^9.0.0",
-    "rehype-slug": "^6.0.0"
+    "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1"
  },
  "devDependencies": {
    "@tailwindcss/postcss": "^4",