[React-Markdown] In some cases, emojis doesn't render

[kangaroo19]

Hello

I'm using react-markdown with some plugins
sometimes emojis render fine, but other times they don't.
I think the opening tag is causing the issue. it appears as ":something:" instead of rendering as an emoji.

Why is this happening? Did I do something wrong?

Here's my stackblitz link

https://stackblitz.com/edit/vite-react-ts-mzeluf43?file=package.json

[wooorm]

What you show, that <div> :computer: this doesnt display </div> doesn’t change, is how markdown works. Instead of :computer: and emoji, you could also use *emphasis*, and see that it doesn’t turn into italics but instead keeps those asterisks visible.

See the readme on how to deal with HTML. Or see CommonMark on how markdown works!

[kangaroo19]

Attached Image is my ReadMe file

Then, if :package: inside a tag is displayed correctly like in the attached image, does that mean some JavaScript code has been added to render the emoji?

[wooorm]

GH is not an objective truth. GH does things differently.

See the readmes on how to deal with HTML. How to do things like GH. GH supports HTML. If you want to do things like GH, you need to support HTML too. Likely, use rehype-raw. And then rehype-github-emoji.

And, probably do not use react-markdown. But it all depends on what things you want. And I do not know what things you want.

[kangaroo19]

I just wanted to use react-markdown to render my GitHub README on my webpage!
Anyway, your help was really useful.
Thank you!
Have a nice day