diff --git a/app/src/interfaces/one-to-many/one-to-many.vue b/app/src/interfaces/one-to-many/one-to-many.vue
index 1271520115..c022e37663 100644
--- a/app/src/interfaces/one-to-many/one-to-many.vue
+++ b/app/src/interfaces/one-to-many/one-to-many.vue
@@ -99,16 +99,17 @@ export default defineComponent({
 		const fieldsStore = useFieldsStore();
 
 		const { relation, relatedCollection, relatedPrimaryKeyField } = useRelation();
-		const { tableHeaders, items, loading } = useTable();
-		const { currentlyEditing, editItem, editsAtStart, stageEdits, cancelEdit } = useEdits();
-		const { stageSelection, selectModalActive, selectionFilters } = useSelection();
-		const { sort, sortItems, sortedItems } = useSort();
 
 		const templateWithDefaults = computed(
 			() => props.template || relatedCollection.value.meta?.display_template || `{{${relation.value.many_primary}}}`
 		);
 		const fields = computed(() => getFieldsFromTemplate(templateWithDefaults.value));
 
+		const { tableHeaders, items, loading } = useTable();
+		const { currentlyEditing, editItem, editsAtStart, stageEdits, cancelEdit } = useEdits();
+		const { stageSelection, selectModalActive, selectionFilters } = useSelection();
+		const { sort, sortItems, sortedItems } = useSort();
+
 		return {
 			relation,
 			tableHeaders,