diff --git a/packages/react/src/components/Forms/Select/mono-common.tsx b/packages/react/src/components/Forms/Select/mono-common.tsx index f15bf9b..3e640ba 100644 --- a/packages/react/src/components/Forms/Select/mono-common.tsx +++ b/packages/react/src/components/Forms/Select/mono-common.tsx @@ -175,7 +175,7 @@ export const SelectMonoAux = ({ downshiftReturn.selectedItem === item, "c__select__menu__item--disabled": item.disabled, })} - key={`${item.value}${index.toString()}`} + key={`${optionToValue(item)}${index.toString()}`} {...downshiftReturn.getItemProps({ item, index, diff --git a/packages/react/src/components/Forms/Select/multi-common.tsx b/packages/react/src/components/Forms/Select/multi-common.tsx index f57c44d..d23d4bf 100644 --- a/packages/react/src/components/Forms/Select/multi-common.tsx +++ b/packages/react/src/components/Forms/Select/multi-common.tsx @@ -1,7 +1,6 @@ import React, { HTMLAttributes } from "react"; import { useMultipleSelection } from "downshift"; import classNames from "classnames"; - import { Field } from ":/components/Forms/Field"; import { LabelledBox } from ":/components/Forms/LabelledBox"; import { Button } from ":/components/Button"; @@ -96,7 +95,7 @@ export const SelectMultiAux = ({ > {selectedItems.map((selectedItem, index) => ( { case useSelect.stateChangeTypes.ToggleButtonKeyDownEnter: case useSelect.stateChangeTypes.ToggleButtonKeyDownSpaceButton: case useSelect.stateChangeTypes.ItemClick: - case useSelect.stateChangeTypes.ToggleButtonBlur: if (newSelectedItem) { props.onSelectedItemsChange([ ...props.selectedItems,