How do I embed an icon for Group option in Mantine Select component

[starxyn]

Hi,

I have a Select component with Array of groups with string options and abc_data coming from api:

const abc_data = [
        { group: 'Frontend', items: ['React', 'Angular'] },
        { group: 'Backend', items: ['Express', 'Django'] },
      ];
function Demo() {
  return (
    <Select
      data={abc_data}
    />
  );
}

However, I need to add unique icon to Frontend and Backend group inside abc_data. However do I achieve this? For items, I am able to add icon via renderoption prop, but there doesn't seem to be a way to add icon for group options.

[rtivital]

Select component does not support such feature. In this case you can use Combobox component instead.