fix(ChipsSelect/CustomSelect): Change option key back to option.value (…

…#7276)

В момент когда делали ChipsSelect стабильным (#6206), мы поменяли key на использование option.label вместо option.value. Это не совсем правильно, так как текстовое представление label может совпадать, в то время как value должно быть уникальным.

Поменял key в ChipsInput при рендере Chips и в ChipsSelect при рендере options.
Обновил key в CustomSelect для единообразия по аналогии с ChipsSelect.

packages/vkui/src/components/ChipsInputBase/ChipsInputBase.tsx

@@ -242,7 +242,7 @@ export const ChipsInputBase = <O extends ChipOption>({
         onKeyDown={disabled ? undefined : handleListboxKeyDown}
       >
         {value.map((option, index) => (
-          <React.Fragment key={`${typeof option.value}-${option.label}`}>
+          <React.Fragment key={`${typeof option.value}-${option.value}`}>
             {renderChip(
               {
                 'Component': 'div',

packages/vkui/src/components/ChipsSelect/ChipsSelect.tsx

@@ -522,7 +522,7 @@ export const ChipsSelect = <Option extends ChipOption>({
               );
             }
             return (
-              <React.Fragment key={`${typeof option.value}-${option.label}`}>
+              <React.Fragment key={`${typeof option.value}-${option.value}`}>
                 {renderOption(
                   {
                     id: dropdownItemId,

packages/vkui/src/components/CustomSelect/CustomSelect.tsx

@@ -668,7 +668,7 @@ export function CustomSelect<OptionInterfaceT extends CustomSelectOptionInterfac
       const selected = index === selectedOptionIndex;
 
       return (
-        <React.Fragment key={`${option.value}`}>
+        <React.Fragment key={`${typeof option.value}-${option.value}`}>
           {renderOptionProp({
             option,
             hovered,