From e3009f7b3b5b9a17759eae93388cd32e135f7743 Mon Sep 17 00:00:00 2001
From: Anderson Shindy Oki <anderson.vs.oki@gmail.com>
Date: Mon, 25 Nov 2024 16:09:23 +0900
Subject: [PATCH] Fixed duplicate keus

---
 .../pages/Settings/Providers/components.tsx   | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/frontend/src/pages/Settings/Providers/components.tsx b/frontend/src/pages/Settings/Providers/components.tsx
index 4b14b17cc..d50f0c93c 100644
--- a/frontend/src/pages/Settings/Providers/components.tsx
+++ b/frontend/src/pages/Settings/Providers/components.tsx
@@ -1,4 +1,5 @@
 import {
+  Fragment,
   FunctionComponent,
   useCallback,
   useMemo,
@@ -288,52 +289,48 @@ const ProviderTool: FunctionComponent<ProviderToolProps> = ({
       switch (value.type) {
         case "text":
           elements.push(
-            <>
+            <Fragment key={BuildKey(itemKey, key)}>
               <Text
-                key={BuildKey(itemKey, key)}
                 label={label}
                 settingKey={`settings-${itemKey}-${key}`}
               ></Text>
               {error}
-            </>,
+            </Fragment>,
           );
           return;
         case "password":
           elements.push(
-            <>
+            <Fragment key={BuildKey(itemKey, key)}>
               <Password
-                key={BuildKey(itemKey, key)}
                 label={label}
                 settingKey={`settings-${itemKey}-${key}`}
               ></Password>
               {error}
-            </>,
+            </Fragment>,
           );
           return;
         case "switch":
           elements.push(
-            <>
+            <Fragment key={BuildKey(itemKey, key)}>
               <Check
-                key={key}
                 inline
                 label={label}
                 settingKey={`settings-${itemKey}-${key}`}
               ></Check>
               {error}
-            </>,
+            </Fragment>,
           );
           return;
         case "select":
           elements.push(
-            <>
+            <Fragment key={BuildKey(itemKey, key)}>
               <GlobalSelector
-                key={key}
                 label={label}
                 settingKey={`settings-${itemKey}-${key}`}
                 options={options}
               ></GlobalSelector>
               {error}
-            </>,
+            </Fragment>,
           );
           return;
         case "testbutton":
@@ -343,14 +340,13 @@ const ProviderTool: FunctionComponent<ProviderToolProps> = ({
           return;
         case "chips":
           elements.push(
-            <>
+            <Fragment key={BuildKey(itemKey, key)}>
               <Chips
-                key={key}
                 label={label}
                 settingKey={`settings-${itemKey}-${key}`}
               ></Chips>
               {error}
-            </>,
+            </Fragment>,
           );
           return;
         default: