fix(designer): Fix Combobox erroring when non-string displayName are …

…used (#4549) update
Azure · Apr 4, 2024 · 28f196a · 28f196a
1 parent f16b4cb
commit 28f196a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/apps/Standalone/src/desginer/app/DesignerShell/designer.tsx b/apps/Standalone/src/desginer/app/DesignerShell/designer.tsx
@@ -11,8 +11,7 @@ import { QueryClientProvider, useQuery } from 'react-query';
 const standaloneQueryClient = getReactQueryClient();
 
 const LoadWhenArmTokenIsLoaded = ({ children }: { children: ReactNode }) => {
-  const { data, isLoading } = useQuery('armToken', loadToken);
-  console.log(data);
+  const { isLoading } = useQuery('armToken', loadToken);
   return isLoading ? null : <>{children}</>;
 };
 export const DesignerWrapper = () => {

diff --git a/libs/designer-ui/src/lib/settings/settingsection/settingTokenField.tsx b/libs/designer-ui/src/lib/settings/settingsection/settingTokenField.tsx
@@ -187,7 +187,11 @@ export const TokenField = ({
           placeholder={placeholder}
           readonly={readOnly}
           initialValue={value}
-          options={dropdownOptions.map((option: any, index: number) => ({ key: index.toString(), ...option }))}
+          options={dropdownOptions.map((option: any, index: number) => ({
+            key: index.toString(),
+            ...option,
+            displayName: typeof option.displayName === 'string' ? option.displayName : JSON.stringify(option.displayName),
+          }))}
           useOption={true}
           isLoading={isLoading}
           errorDetails={errorDetails}