update unique logic for providers

Arize-ai · Oct 11, 2024 · fc8929e · fc8929e
1 parent 39fa4b4
commit fc8929e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/src/pages/playground/PlaygroundCredentialsDropdown.tsx b/app/src/pages/playground/PlaygroundCredentialsDropdown.tsx
@@ -24,8 +24,8 @@ export const ProviderToCredentialKeyMap: Record<ModelProvider, CredentialKey> =
   };
 
 export function PlaygroundCredentialsDropdown() {
-  const currentProviders = usePlaygroundContext(
-    (state) => new Set(state.instances.map((instance) => instance.provider))
+  const currentProviders = usePlaygroundContext((state) =>
+    Array.from(new Set(state.instances.map((instance) => instance.provider)))
   );
   const setCredential = useCredentialsContext((state) => state.setCredential);
   const credentials = useCredentialsContext((state) => state);
@@ -43,7 +43,7 @@ export function PlaygroundCredentialsDropdown() {
               their respective API&apos;s.
             </Text>
             <Form>
-              {Array.from(currentProviders).map((provider) => {
+              {currentProviders.map((provider) => {
                 const credentialKey = ProviderToCredentialKeyMap[provider];
                 return (
                   <TextField