EmojiPicker extremely slow on Safari

[bojandurmic]

Hey everyone, I'm not sure if I am doing something wrong or if this is a known issue.

This is my code:

<EmojiPicker
  width={360}
  height={400}
  theme={Theme.AUTO}
  skinTonesDisabled={true}
  reactionsDefaultOpen={true}
  open={reactionPickerShown}
  previewConfig={{
    showPreview: false,
  }}
  lazyLoadEmojis
  onReactionClick={onReactionClick}
  onEmojiClick={onReactionClick}
/>;

Whenever reactions are expanded, Safari freezes up for over five seconds before finally showing the full emoji picker. Chrome has no such issue. Is there anything I can do speed it up? It seems like it spends most of the time trying to download images and render DOM nodes.

[ealush]

Can you try without lazyLoadEmojis?

[bojandurmic]

Hey @ealush , it's neither better nor worse.

[bart-wijnants-hs]

We're noticing the same behaviour.

[minjo0n61]

I guess you didn't use emojiStyle="native"

[bart-wijnants-hs]

We are using emojiStyle="native".

[ignacio-alonso-rehor]

I'm still experiencing this issue, has anybody found a fix for it?

[bojandurmic]

The fix seems to be using a different library. I went with emoji-mart and it works great.

[ignacio-alonso-rehor]

Thanks, I'll give it a look!

[FleetAdmiralJakob]

Same problem. Maybe it's worth running the React Compiler over the project. It would be an easy fix. I don't want to go to emoji mart as I think this library is better but I have tried everything but this performance is unacceptable.