diff --git a/app/src/interfaces/_system/system-field-tree/system-field-tree.vue b/app/src/interfaces/_system/system-field-tree/system-field-tree.vue
index 427c098c69..6f393a886a 100644
--- a/app/src/interfaces/_system/system-field-tree/system-field-tree.vue
+++ b/app/src/interfaces/_system/system-field-tree/system-field-tree.vue
@@ -1,5 +1,5 @@
 <template>
-	<v-notice v-if="!collectionField && !collection" type="warning">
+	<v-notice v-if="!collectionField && !collectionName" type="warning">
 		{{ t('collection_field_not_setup') }}
 	</v-notice>
 	<v-notice v-else-if="!chosenCollection" type="warning">
@@ -30,7 +30,7 @@ export default defineComponent({
 			type: String,
 			default: null,
 		},
-		collection: {
+		collectionName: {
 			type: String,
 			default: null,
 		},
@@ -57,7 +57,7 @@ export default defineComponent({
 
 		const values = inject('values', ref<Record<string, any>>({}));
 
-		const chosenCollection = computed(() => values.value[props.collectionField] || props.collection);
+		const chosenCollection = computed(() => values.value[props.collectionField] || props.collectionName);
 
 		const { treeList, loadFieldRelations } = useFieldTree(chosenCollection);
 
diff --git a/app/src/interfaces/_system/system-field/system-field.vue b/app/src/interfaces/_system/system-field/system-field.vue
index 7e216d310a..e73b46479c 100644
--- a/app/src/interfaces/_system/system-field/system-field.vue
+++ b/app/src/interfaces/_system/system-field/system-field.vue
@@ -1,5 +1,5 @@
 <template>
-	<v-notice v-if="!collectionField && !collection" type="warning">
+	<v-notice v-if="!collectionField && !collectionName" type="warning">
 		{{ t('collection_field_not_setup') }}
 	</v-notice>
 	<v-notice v-else-if="selectItems.length === 0" type="warning">
@@ -28,7 +28,7 @@ export default defineComponent({
 			type: String,
 			default: null,
 		},
-		collection: {
+		collectionName: {
 			type: String,
 			default: null,
 		},
@@ -69,10 +69,10 @@ export default defineComponent({
 
 		const values = inject('values', ref<Record<string, any>>({}));
 
-		const collection = computed(() => values.value[props.collectionField] || props.collection);
+		const collection = computed(() => values.value[props.collectionField] || props.collectionName);
 
 		const fields = computed(() => {
-			if (!props.collectionField && !props.collection) return [];
+			if (!props.collectionField && !props.collectionName) return [];
 			return fieldsStore.getFieldsForCollection(collection.value);
 		});
 
diff --git a/app/src/views/private/components/export-sidebar-detail.vue b/app/src/views/private/components/export-sidebar-detail.vue
index acc1a439f1..780df3b125 100644
--- a/app/src/views/private/components/export-sidebar-detail.vue
+++ b/app/src/views/private/components/export-sidebar-detail.vue
@@ -189,7 +189,7 @@
 					<p class="type-label">{{ t('sort_field') }}</p>
 					<interface-system-field
 						:value="sortField"
-						:collection="collection"
+						:collection-name="collection"
 						allow-primary-key
 						@input="sortField = $event"
 					/>