Emoji picker component breaking in MacOS High Sierra with native icon-sets

Steps to repro:

• Open the demo website in any MacOS device running high sierra or below.
• Observe multiple emojis breaking

I realise this might not be an issue with the picker itself but high-sierra might not be supporting certain emojis (the one’s breaking here doesn’t appear at all in the native mac emoji picker or on other apps like slack’s emoji picker).

Probable solutions

• I would expect the picker to not show an emoji in the picker if its enable to parse it
• or have a prop array to pass emoji names we want to not show(aka which are breaking) edit: I noticed the emojisToShowFilter prop which we might use to pass an exhaustive list as an option
• anything better you might be able to suggest

This is how it looks at the moment in MacOS High Sierra:

[EtienneLem]

Great, thanks for checking. Yeah, I was aware of is-emoji-supported. Upon second look at their pretty lightweight codebase (👍🏼), I’d feel very comfortable having it as a dependency. Consider it done for next version.

[gregsadetsky]

• I do see broken emojis on https://emojipedia.org/emoji-13.0/ , yes.

• I’m afraid that the test isn’t working, since it’s returning v13.1

safari v13.1.3

chrome v101.0.4951.64

firefox v100.0

• I just successfully tried is-emoji-supported, which also does a similar-ish canvas check, although it’s a little bit more involved.

I understand that emoji-mart is dependency-free, so I’m not sure what the easiest/best solution would be (integrate the same canvas logic if the license allows it?, etc.)