Picker loading emojis as # (hashtag)
Any idea of what's happening here? I'm using Svelte and I imported the emojis on one component to use the em-emoji tag and now every time I open the picker it's like that:
What can I do?
Hey Orbita! I think the issue might be with how the emoji theme is set up. If you're using a custom theme, like Twemoji or others, you’ll need the appropriate sprite sheet or images for those themes. Otherwise, the emoji picker might fail to load the correct emoji images and fall back to showing placeholders like hashtags. I'd also recommend checking the configuration for the em-emoji tag to ensure it's pointing to the correct image or font source.
Getting this as well.. there's no real documentation on actually getting these working with different sets that I can find.
Loading the data, the applying it like this, if it's more complex it would be awesome if that were in the docs or examples somewhere. I'm not using a custom theme or anything, just trying to use it pretty vanilla.
<Picker
onEmojiSelect={onEmojiClick}
set='twitter'
onClose={handleClose}
data={data} />
If anyone else is having this problem and only sees the hashtag emoji, I had to import the correct set, as described here in the comment, and then it worked: https://github.com/missive/emoji-mart/issues/781#issuecomment-1399342860