Fix: Dropdowmitem: Passing key directly without using spread (#7431)

primefaces · Nov 18, 2024 · abb0863 · abb0863
1 parent 4e5cc1c
commit abb0863
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/components/lib/dropdown/DropdownItem.js b/components/lib/dropdown/DropdownItem.js
@@ -33,7 +33,6 @@ export const DropdownItem = React.memo((props) => {
         {
             id: `dropdownItem_${index}`,
             role: 'option',
-            key: props.label,
             className: classNames(option.className, cx('item', { selected, disabled, label, index, focusedOptionIndex, highlightOnSelect })),
             style: props.style,
             tabIndex: 0,
@@ -80,7 +79,7 @@ export const DropdownItem = React.memo((props) => {
     };
 
     return (
-        <li {...itemProps}>
+        <li key={props.label} {...itemProps}>
             {checkmark && iconRenderer()}
             <span {...itemGroupLabelProps}>{content}</span>
             <Ripple />