update method for dicts that aren't strings

src/Test/Data/ServiceInstance/index.ts

@@ -66,7 +66,7 @@ export const nestedEditable: ServiceInstanceModelWithTargetStates = {
       {
         my_attr: 0,
         bool_attr: null,
-        dict_attr: { a: "b" },
+        dict_attr: {},
         embedded_single: { attr4: [2, 4] },
       },
     ],

src/UI/Components/ServiceInstanceForm/Components/FieldInput.tsx

@@ -88,8 +88,17 @@ export const FieldInput: React.FC<Props> = ({
   const [suggestionsList, setSuggestionsList] = useState<string[] | null>(null);
 
   // Get the controlled value for the field
+  // If the value is an object or an array, it needs to be converted.
   function getControlledValue(value) {
-    return value !== null && value !== undefined ? value : "";
+    if (value === null || value === undefined) {
+      return "";
+    } else if (Array.isArray(value)) {
+      return value.join(", ");
+    } else if (typeof value === "object") {
+      return JSON.stringify(value);
+    } else {
+      return value;
+    }
   }
 
   //callback was used to avoid re-render in useEffect used in SelectFormInput

src/UI/Components/ServiceInstanceForm/Helpers/createFormState.spec.ts

@@ -47,7 +47,7 @@ test("Given createEditFormState v1 WHEN passed editable nested fields and curren
         },
         my_attr: 0,
         bool_attr: null,
-        dict_attr: '{"a":"b"}',
+        dict_attr: "{}",
       },
     ],
   });