Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

tables not rendering properly with V2 Webpack loader

See original GitHub issue

Subject of the issue

Tables do not render properly in V2 using the following markup:

| Tables        |      Are      |   Cool |
| ------------- | :-----------: | -----: |
| col 3 is      | right-aligned | \$1600 |
| col 2 is      |   centered    |   \$12 |
| zebra stripes |   are neat    |    \$1 |

I tested this in the latest V1 which is working as expected.

Your environment

OS: macOS Catalina: 10.15.7
Packages: @mdx-js/loader: 2.0.0-next.9 and @mdx-js/react: 2.0.0-next.9
Env: Node: v14.16.1 and NextJS: 10.2.3

Steps to reproduce

Install the latest V2 release

{
  "@mdx-js/loader": "2.0.0-next.9",
  "@mdx-js/react": "2.0.0-next.9"
}

See this reproduction in a minimal NextJS app with the latest MDX V2 loader.

Expected behaviour

Should render a table with respective HTML tags.

Actual behaviour

Renders table markdown as a string in a p tag.

Issue Analytics

State:
Created 2 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

souporseriouscommented, May 26, 2021

Ok, found something interesting. Looks like it was introduced in the latest version possibly, rolling back to 2.0.0-next.8 in that Codesandbox seems to fix things. However, rolling back in my Next repro doesn’t fix anything 😅. Not sure what’s going on there.

0reactions

souporseriouscommented, May 26, 2021

🤦 that makes sense, I forgot this was GitHub specific, this fixes it! Thank you so much for your help looking into this! ❤️