Fix primefaces#6650: Multiselect use unique label key

melloware · May 22, 2024 · f3e8c58 · f3e8c58
1 parent cdce35a
commit f3e8c58
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/lib/multiselect/MultiSelect.js b/components/lib/multiselect/MultiSelect.js
@@ -894,6 +894,7 @@ export const MultiSelect = React.memo(
                         }
                     };
                     const label = getLabelByValue(val);
+                    const labelKey = label + '_' + i;
                     const iconProps = mergeProps(
                         {
                             key: i,
@@ -913,14 +914,13 @@ export const MultiSelect = React.memo(
 
                     const tokenLabelProps = mergeProps(
                         {
-                            key: label + i,
                             className: cx('tokenLabel')
                         },
                         ptm('tokenLabel', context)
                     );
 
                     return (
-                        <div {...tokenProps} key={label}>
+                        <div {...tokenProps} key={labelKey}>
                             <span {...tokenLabelProps}>{label}</span>
                             {icon}
                         </div>