diff --git a/webapp/src/components/CompactConstituentTable.vue b/webapp/src/components/CompactConstituentTable.vue
index 2a6ca51fa..f0bbcdf52 100644
--- a/webapp/src/components/CompactConstituentTable.vue
+++ b/webapp/src/components/CompactConstituentTable.vue
@@ -111,8 +111,8 @@ export default {
   },
   props: {
     modelValue: {
-      type: String,
-      default: "",
+      type: [String, Object],
+      default: () => {},
     },
     typesToQuery: {
       type: Array,
diff --git a/webapp/src/components/FormattedItemName.vue b/webapp/src/components/FormattedItemName.vue
index 0a202516f..12c30c9aa 100644
--- a/webapp/src/components/FormattedItemName.vue
+++ b/webapp/src/components/FormattedItemName.vue
@@ -28,8 +28,8 @@ export default {
     ChemicalFormula,
   },
   props: {
-    item_id: { type: String, required: true },
-    itemType: { type: String, required: true },
+    item_id: { type: String, required: true, default: "" },
+    itemType: { type: String, required: true, default: "" },
     selecting: {
       type: Boolean,
       default: false,
diff --git a/webapp/src/components/ToggleableCollectionFormGroup.vue b/webapp/src/components/ToggleableCollectionFormGroup.vue
index ea1794c60..ed5500fa0 100644
--- a/webapp/src/components/ToggleableCollectionFormGroup.vue
+++ b/webapp/src/components/ToggleableCollectionFormGroup.vue
@@ -44,8 +44,8 @@ export default {
   },
   props: {
     modelValue: {
-      type: String,
-      default: "",
+      type: [Array, String],
+      default: () => [],
     },
   },
   emits: ["update:modelValue"],