You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have a list of languages in a Select. I want to feature some options at the top of the Select but these options also appear alphabetically lower down with the same label and value.
When I had 2 items to a select with the same value but a different key as follows:
<form><Theme><Select.RootdefaultValue="a"><Select.Trigger/><Select.Content><Select.Itemkey="featured-a"value="a">
Featured A
</Select.Item><Select.Itemkey="a"value="a">
A
</Select.Item></Select.Content></Select.Root></Theme></form>
Warning: Encountered two children with the same key, a. 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
This only occurs when the Select is a descendent of a form element. I cannot recreate the issue using Radiix Primitives Select directly.
The text was updated successfully, but these errors were encountered:
penx
changed the title
Select - 2 Items with same value shows error in console
Select - 2 Items with same value shows same-key error in console
Jun 12, 2024
I have a list of languages in a Select. I want to feature some options at the top of the Select but these options also appear alphabetically lower down with the same label and value.
When I had 2 items to a select with the same value but a different key as follows:
https://github.com/penx/radix-select-multiple-issue
Then an error appears in the console:
This only occurs when the Select is a descendent of a form element. I cannot recreate the issue using Radiix Primitives Select directly.
The text was updated successfully, but these errors were encountered: