fix: dropwodn v2

Author: suryakumara

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beeinventor/dasiot-react-component-lib",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "module": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [

src/components/Dropdown/DropdownV2.tsx

@@ -78,7 +78,7 @@ const DropdownV2: React.VFC<DropDownProps> = (props) => {
   const [isOpen, setIsOpen] = useState(false);
 
   useEffect(() => {
-    if (selectedId) {
+    if (selectedId && selectedId !== selectedItem?.id) {
       for (let i = 0; i < list.length; i++) {
         if (selectedId === list[i].id) {
           setSelectedItem(list[i]);
@@ -136,7 +136,7 @@ const DropdownV2: React.VFC<DropDownProps> = (props) => {
         className={classNames(
           'Dropdown-root',
           {
-            'Dropdown-empty': !selectedItem,
+            'Dropdown-empty': !selectedId,
           },
           {
             'Dropdown--disabled': disabled,
@@ -149,7 +149,7 @@ const DropdownV2: React.VFC<DropDownProps> = (props) => {
         onClick={handleOnClickSelect}
         {...otherProps}
       >
-        {selectedItem?.name ?? placeholder}
+        {selectedId ?? placeholder}
         <Icon className="Dropdown-icon">
           {isOpen ? <KeyboardArrowUp /> : <KeyboardArrowDown />}
         </Icon>