Help with rendering Markdown with react-markdown. I think I screwed up the styling

immanuelpeter9839511 · October 8, 2023, 12:42am

Can anyone who is familiar with rendering Markdown cleanly in React web apps help me? I tried to implement a solution, but so many things are wrong. The lists won’t actually order, there are no bullets, I just don’t know how to fix it. Any help over video is appreciated.

Link to github file:

github.com

jesuschrist-immanuel/stack-overflow-clone/blob/master/components/RenderMd.tsx

import React from "react";
import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
import remarkToc from "remark-toc";
import rehypeRaw from "rehype-raw";
import rehypeSanitize from "rehype-sanitize";
import rehypeHighlight from "rehype-highlight";
import SyntaxHighlighter from "react-syntax-highlighter";
import { docco } from "react-syntax-highlighter/dist/esm/styles/hljs";

const placeholderMdText = `# Fibonacci sequence not working

I'm trying to write a program that will print the Fibonacci sequence to the console. I have the following code, but it's not working:

\`\`\`python
def fibonacci(n):
    if n == 0:
        return 0
    elif n == 1:
        return 1

This file has been truncated. show original

In the picture, I want the code either with less margin or a different subset. Also, the list that was supposed to be rendered didn’t render as a list.

Here is the code I wanted to render in MD

# Fibonacci sequence not working

I'm trying to write a program that will print the Fibonacci sequence to the console. I have the following code, but it's not working:

\`\`\`python
def fibonacci(n):
    if n == 0:
        return 0
    elif n == 1:
        return 1
    else:
        return fibonacci(n - 1) + fibonacci(n - 2)

def main():
    for i in range(10):
        print(fibonacci(i))

if __name__ == "__main__":
    main()
\`\`\`

I've tried the following steps to try to resolve the issue:

* I've checked my syntax and it looks correct.
* I've tried running the code in a different IDE and it's still not working.
* I've searched for similar issues online and I haven't found any solutions that work for me.

I'm not sure what else to try. Can anyone help me figure out what's wrong with my code?