Table render failed. react-markdown + remak-gfm

[luffyZh]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

react-markdown: latest remark-gfm: latest

Link to runnable example

No response

Steps to reproduce

import ReactMarkdown from "react-markdown";
import gfm from "remark-gfm";

const value = `
# 标题1

## 标题2

可以的，写得不错

## 代码

## 图片

![](https://musicfe.nos-jd.163yun.com/582d36e7-9097-4e14-a269-047ba2c41ea5.png)

## 表格
|  表头   | 表头  |
|  ----  | ---- |
| 单元格  | 单元格 |
| 单元格  | 单元格 |
`;

export default function App() {
  return (
    <div>
      <ReactMarkdown remarkPlugins={[gfm]} children={value} />
    </div>
  );
}

https://codesandbox.io/s/crimson-rain-uzxig?file=/src/App.js

Expected behavior

no crash，no throw error，table render normal

Actual behavior

Throw Error

Runtime

Node v14

Package manager

npm v6

OS

macOS

Build and bundle tools

Webpack

[sdjnes]

Also experiencing the same problem.

It seems the issue is with remark-gfm@2.0.0. An interim solution is to downgrade to 1.0.0.

[luffyZh]

@sdjnes yes，downgrade 1.0.0 works, but i think the bug needs to be fixed~

[wooorm]

#626

[wooorm]

Solved in 02bac83