From abb086367a2d6d9c8772c802eb3cbd60affd9bd6 Mon Sep 17 00:00:00 2001
From: Neeraja Tokekar <30342188+tneeraja95@users.noreply.github.com>
Date: Mon, 18 Nov 2024 20:33:20 +0530
Subject: [PATCH] Fix: Dropdowmitem: Passing key directly without using spread
 (#7431)

---
 components/lib/dropdown/DropdownItem.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/components/lib/dropdown/DropdownItem.js b/components/lib/dropdown/DropdownItem.js
index 5aa59de96d..52f4d4d5a6 100644
--- 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 />