Escaped Pipes (in tables) retain escape character (\)

Subject of the issue

When using Markdown Table syntax, using the escape character () for pipes (|) does not remove the escape character when rendered. Example:

This is not a place to ask questions. For that, go to Spectrum

Your environment

• OS: MacOS 10.14
• Packages: mdx-js 1.5.1
• Env: Chrome 79, Node 12.11

Steps to reproduce

Tried to create an mvce on CodeSandbox but that was met with frustration. Basically, create a simple component with a Markdown table and attempt to use an escaped pipe in that table:

# Hello, world!

<Button>Here is a button</Button>

|Test|Test2|
|---|---|
|`testy \| testy` | testy |

Expected behaviour

The pipe should be rendered without the preceding escape character

Actual behaviour

The pipe is rendered prepended by the escape character.

[wooorm]

Docusaurus should update to MDX 2, there is already an issue open about it.

Then the behavior of MDX, with remark-gfm (which defines tables), matches exactly how GH handles tables.

[wooorm]

This indeed has to do with how remark-parse interprets table cells and is a bug there. The escape slash is a literal slash, instead of an escape. We’re working on a replacement that has much better support for MDX.

If you’d like to support us to get there faster, and are able to, please sponsor us on OpenCollective!