Front End Development Libraries Projects - Build a Markdown Previewer

JavaScript
1

Tell us what’s happening:
Can anyone tell me why some of the things like formatting “|”'s into a table and code with a white background etc do not work in my React markdown

Click here to see the code

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Challenge: Front End Development Libraries Projects - Build a Markdown Previewer

Link to the challenge:

2

Can we see your code? Maybe a repo?

And I see this in the console:

proxyConsole.js:64 Warning: Invalid DOM property `class`. Did you mean `className`?
    at h3
    at div
    at div
    at App (https://xe7b2y.csb.app/src/App.js:16:5)
3

See code

4

If I go to the repo page for this package, and look for issues about “table”, I run across this:

5

It is also in the docs.

GitHub - remarkjs/react-markdown: Markdown component for React

Here is an example that shows passing the markdown as a string and how to use a plugin (remark-gfm, which adds support for strikethrough, tables, tasklists and URLs directly):

1 Like