[BUG] - It's not possible to change Autocomplete selection if labels and keys are the same

[wolkyura]

NextUI Version

2.3.6

Describe the bug

It's not possible to select a different item if the items' labels and keys are the same, for example:

<Autocomplete selectedKey={value} onSelectionChange={setValue}>
  <AutocompleteItem key="cat" value="cat">
    cat
  </AutocompleteItem>
  <AutocompleteItem key="dog" value="dog">
    dog
  </AutocompleteItem>
</Autocomplete>

Your Example Website or App

https://codesandbox.io/p/devbox/interesting-cohen-k27z8w

Steps to Reproduce the Bug or Issue

1. Go to https://k27z8w-3000.csb.app/
2. Open the first autocomplete
3. Select "Dog" option
4. See that the selected value is changed
5. Open the second autocomplete
6. Select "dog" option
7. See that the selected value is not change

Expected behavior

I'd say labels and keys can be the same and it shouldn't affect the autocomplete behavior

Screenshots or Videos

Screen.Recording.2024-05-05.at.7.04.16.PM.mov

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-796 [BUG] - It's not possible to change `Autocomplete` selection if labels and keys are the same