Skip to content

fix: add remark-gfm to support GFM tables and task lists in chat mark…#40

Merged
yuma2024 merged 1 commit intomainfrom
fix/markdown-gfm-support
Mar 12, 2026
Merged

fix: add remark-gfm to support GFM tables and task lists in chat mark…#40
yuma2024 merged 1 commit intomainfrom
fix/markdown-gfm-support

Conversation

@yuma2024
Copy link
Copy Markdown
Contributor

@yuma2024 yuma2024 commented Mar 12, 2026

⏺ Why

react-markdown only parses standard Markdown by default. GFM (GitHub Flavored Markdown) syntax such as tables and task list checkboxes was not rendered and displayed as plain text.

What

Add the remark-gfm plugin to the MarkdownContent component to enable GFM syntax rendering.

How

  • Add remark-gfm@3 to dependencies (v3 for compatibility with unified v10, which react-markdown@^8 depends on)
  • Set remarkPlugins={[remarkGfm]} on ReactMarkdown
  • Custom components for tables (table, th, td) were already defined, so only the parser addition was needed
スクリーンショット 2026-03-12 11 37 58

…down

react-markdown does not parse GFM syntax (tables, checkboxes) by default.
Add remark-gfm plugin to enable GitHub Flavored Markdown rendering.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@yuma2024 yuma2024 self-assigned this Mar 12, 2026
@yuma2024 yuma2024 requested a review from masudahiroto March 12, 2026 02:36
@yuma2024 yuma2024 merged commit b32ce01 into main Mar 12, 2026
0 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants