Fixed duplicate keusfeature/add-provider-validation

1 files 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: