Step 3

First, stop the server and install the following library.

npm install remark-gfm

Next, update the Note.js file.

1. Import the remark-gfm library

import remarkGfm from "remark-gfm";

2. Update where the note.text is displayed!

-  <ListItemText
-    secondary={<ReactMarkdown>{note.text}</ReactMarkdown>}
-  />
+  <ListItemText
+    disableTypography
+    primary={
+      <ReactMarkdown
+        children={note.text}
+        remarkPlugins={[remarkGfm]}
+      />
+    }
+  />

Now save the files and run the app.

The remark-gfm plugin enables react-markdown to render GitHub Flavored Markdown.