remarkjs/react-markdown ? reverse-engineered prompt

Build me a React markdown renderer that safely turns a markdown string into React elements without using dangerouslySetInnerHTML. I want to be able to drop in custom components for specific tags, like rendering headings, links, code blocks, or tables my own way, and I want plugin support so I can add things like GitHub style markdown, footnotes, task lists, and syntax highlighting later if I need it.

It should work nicely in a normal React app, have a simple default component I can use right away, and handle links in a safe way. If it makes sense, include a version that can work with async content too, so markdown can be processed on the server or with hooks on the client. Keep it beginner friendly, clean, and focused on rendering markdown safely and predictably. If you need to check current docs for any package details, go ahead and look them up online.