[Bug]: Weird style with duplicate label

[ksamirdev]

This style issue only happens when there are duplicate labels (values are all different and unique)

Screen.Recording.2024-11-28.at.9.45.13.PM.mov

[elvstejd]

Here's the solution I found:

• Add the value prop to the CommandItem component as option.value.

<CommandItem
        key={option.value}
        onSelect={() => toggleOption(option.value)}
        className="cursor-pointer"
        value={option.value} // 👈👈👈 Add this prop
> {/* content */}</CommandItem>