Command Group and Command group item highlight items with the same name

[Thomas-273]

Today i encounter this issue, still figuring out how to fix this. If anyone experienced the same and have the solution, please help me fix this.
the 2 items have same name and both are highlighted, even they have difference id

[nicholas-greenwood]

try value={String(item.id)} on each item

cmdk uses value to identify the selected item, not id or key. without it, it uses the text, so duplicate names get highlighted together

{items.map((item) => (
  <CommandItem
    key={item.id}
    value={String(item.id)}
    keywords={[item.name]}
    onSelect={() => handleSelect(item.id)}
  >
    {item.name}
  </CommandItem>
))}

make sure the ids are unique across all groups. keywords keeps name searches working when the value is an id

try moving between the duplicate names with the arrow keys. each should highlight separately

cmdk item documentation