Categories don't work as expected

That documentation states that:

NOTE The items don’t need to be sorted, This will be done automatically.

However, this example from docs:

const [items, setItems] = useState([
  {label: 'North America', value: 'na'},
  {label: 'United States', value: 'usa', parent: 'na'},
  {label: 'Canada', value: 'canada', parent: 'na'},

  {label: 'Europe', value: 'eu'},
  {label: 'Norway', value: 'norway', parent: 'eu'},
  {label: 'Belgium', value: 'belgium', parent: 'eu'},
]);

works differently than this:

const [items, setItems] = useState([
    {label: 'United States', value: 'usa', parent: 'na'},
    {label: 'Canada', value: 'canada', parent: 'na'},
    
    {label: 'Norway', value: 'norway', parent: 'eu'},
    {label: 'Belgium', value: 'belgium', parent: 'eu'},
    {label: 'Europe', value: 'eu'},
    {label: 'North America', value: 'na'},
]);

The second code only has item order changed and results in every item without parent being categorized as “Europe”. Not sure if this is a bug or the expected behavior. If it is a bug I will help tracking down where it comes from, if not I suggest adjusting the documentation.

[KrisGilicze]

I try to do it this weekend, not sure how to detect if hermes is enabled though. Would a patch be fine for all engines? Edit: Hermes is the de facto standard with react native, and the sort you linked will work on both with no noticable runtime difference.

[KrisGilicze]

I only have a little time right now but as far as I can tell this might be an issue on hermes specifically. Array prototype sort is not stable when turning hermes on, see this issue here.