From ed2a4903519dced3f4f6ea72c47c9e293a77e00c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Milorad=20FIlipovi=C4=87?= <milorad@n8n.io>
Date: Wed, 13 Aug 2025 11:12:21 +0200
Subject: [PATCH] fix(editor): Stricter type check in `DataStoreBreadcrumbs`
 (no-changelog) (#18287)

---
 .../features/dataStore/components/DataStoreBreadcrumbs.vue    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/editor-ui/src/features/dataStore/components/DataStoreBreadcrumbs.vue b/packages/frontend/editor-ui/src/features/dataStore/components/DataStoreBreadcrumbs.vue
index e6d1afe79f..a0f21ea0e5 100644
--- a/packages/frontend/editor-ui/src/features/dataStore/components/DataStoreBreadcrumbs.vue
+++ b/packages/frontend/editor-ui/src/features/dataStore/components/DataStoreBreadcrumbs.vue
@@ -17,7 +17,7 @@ type Props = {
 
 const props = defineProps<Props>();
 
-const renameInput = useTemplateRef<{ forceFocus?: () => void }>('renameInput');
+const renameInput = useTemplateRef('renameInput');
 
 const dataStoreStore = useDataStoreStore();
 
@@ -58,7 +58,7 @@ const onRename = async () => {
 	// Focus rename input if the action is rename
 	// We need this timeout to ensure action toggle is closed before focusing
 	await nextTick();
-	if (renameInput.value?.forceFocus) {
+	if (renameInput.value && typeof renameInput.value.forceFocus === 'function') {
 		renameInput.value.forceFocus();
 	}
 };