Table - remark-gfm is rendering an empty `<td />` element instead of not rendering it about remark-gfm

[wooorm]

Your codesandbox does not display the screenshot you shared here?

[wooorm]

I cannot reproduce:

| a |
| - |
| b |SP

in micromark. I can reproduce:

| a |SP 
| - |

there

[gilisho]

I'm not sure I understand. The sandbox does reproduce this.
Maybe I got confused in the beginning but now it should appear ok.

This is the code in sandbox link:

import React from "react";
import "./styles.scss";
import ReactMarkdown from "react-markdown";
import gfm from "remark-gfm";

const markdown = `
| hello... | hi... |
| :----   | :----     |
| first cell | second cell and last |  
| first cell | second cell and last |

`;

export default function App() {
  return <ReactMarkdown plugins={[gfm]} children={markdown} />;
}

[wooorm]

Should be fixed. Your example worked fine now!

[gilisho]

Funny question but I still see the same UI in sandbox. What should I be doing to get the updated version?

[wooorm]

npm update

[gilisho]

Sorry but I still don't understand. 😅
How can I see it working properly live on codesandbox? All the packages are updated to the latest version there.

[ChristianMurphy]

@wooorm's instructions are for testing locally.

How can I see it working properly live on codesandbox? All the packages are updated to the latest version there.

That is a question for CodeSandbox support [email protected]