[Bug] categories order including custom category working in v5.2.2 but not in v5.6.0

[dsaket]

Following config works fine with emoji-mart@5.2.2 and the custom category is showing up in the respected order....however "custom" category doesn't even show up with emoji-mart@5.6.0 with the same config

        categories: [
          "frequent",
          "custom",    // custom category
          "people",
          "nature",
          "foods",
          "activity",
          "places",
          "objects",
          "symbols",
          "flags",
        ],

[dsaket]

In fact, i checked and seems like it stopped working from v5.3.0 and onwards

[mahmed2000]

This is a consequence of 052badf.

The categories prop filters on the originalCategories, which only includes the categories in the data object. Any custom categories never get pushed to this array so they will always be excluded.

[typescriptlover]

if ur using react/nextjs and had this issue like i did,
use init from emoji-mart before the <Picker /> component from @emoji-mart/react

init({
   data,
   custom,
});

and put that in ur component or outside, and make sure u pass custom to the react component aswell, works for me on the latest version.

import EmojiData from '@emoji-mart/data/sets/15/twitter.json';
import { init } from 'emoji-mart';
import Picker from '@emoji-mart/react';

const custom = [
   {
      id: 'category',
      name: 'Category Name',
      emojis: [{ /* ur emojis */ }]
   },
];

const categories = ["activity", "category"];
const categoryIcons = {
   category: {
      src: './category.png'
   },
};

init({
   data: EmojiData,
   custom,
});

const CustomEmojiPicker = () => {
    // can also put init here, works for me

     return (
        <Picker
              data={EmojiData}
              custom={custom}
              categories={categories}
              categoryIcons={categoryIcons}
              theme="dark"
              set="twitter"
           />
     )
}