Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Select considering value instead of key

See original GitHub issue

Version

3.2.0

Environment

win10, chrome 64

Reproduction link

https://codesandbox.io/s/k2qmqnxrzv

Steps to reproduce

Select with many options where the key is a uuid and value is a number but with repeated values.

What is expected?

No errors

What is actually happening?

Error in console : Warning: Encountered two children with the same key, .$1. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. in ul (created by DOMWrap) in DOMWrap (created by Menu) in Menu (created by DropdownMenu) in div (created by DropdownMenu) in DropdownMenu (created by SelectTrigger) in LazyRenderBox (created by PopupInner) in div (created by PopupInner) in PopupInner (created by Popup) in Align (created by Popup) in AnimateChild (created by Animate) in Animate (created by Popup) in div (created by Popup) in Popup (created by Trigger) in Portal (created by Trigger) in Trigger (created by SelectTrigger) in SelectTrigger (created by Select) in Select (created by LocaleReceiver) in LocaleReceiver (created by Select) in Select (created by TestSelect) in div (created by TestSelect) in TestSelect in div

If the key is always different, the value in the option should not interfer with the react key (because it is not even mandatory, only the key is). Sorry if i’m missing something and thank you!