How does onEmojiSelect work with the custom emojis?

[0xrushi]

I have a list of custom emojis like

export const emojiList = [
  {
    id: "7285",
    name: "7285",
    emojis: [
      {
        id: "7285",
        name: "Kekwait",
        keywords: ["7285"],
        skins: [{ src: "resized_emojis/7285/7285-kekwait.png" }],
      },
      {
        id: "7285",
        name: "Kekwait",
        keywords: ["7285"],
        skins: [{ src: "resized_emojis/7285/7285-kekwait.png" }],
      },
    ],
  },
  {
    id: "9879",
    name: "9879",
    emojis: [
      {
        id: "9879",
        name: "Pepe",
        keywords: ["9879"],
        skins: [{ src: "resized_emojis/9879/9879_pepe_kek.gif" }],
      },
      {
        id: "9879",
        name: "Pepe",
        keywords: ["9879"],
        skins: [{ src: "resized_emojis/9879/9879_pepe_kek.gif" }],
      },
    ],
  }];

and I have onEmojiSelect = setMessage((prevMessage) => ${prevMessage}${emojiObject.native});

but that only works for default emojis not the custom ones.