From e2ce2053e41694e1f62b7d82b9bd0c2924c90926 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 18 Jun 2024 12:44:34 +0200
Subject: [PATCH] fix(core): correct id access in useVueFlow (#1483)

* fix(core): correct id access in `useVueFlow`

* chore(changeset): add
---
 .changeset/mean-horses-swim.md              | 5 +++++
 packages/core/src/composables/useVueFlow.ts | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/mean-horses-swim.md

diff --git a/.changeset/mean-horses-swim.md b/.changeset/mean-horses-swim.md
new file mode 100644
index 00000000..5b6544eb
--- /dev/null
+++ b/.changeset/mean-horses-swim.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Correct access of options id in `useVueFlow`
diff --git a/packages/core/src/composables/useVueFlow.ts b/packages/core/src/composables/useVueFlow.ts
index 9de7839d..c4f7427a 100644
--- a/packages/core/src/composables/useVueFlow.ts
+++ b/packages/core/src/composables/useVueFlow.ts
@@ -30,9 +30,9 @@ export function useVueFlow(idOrOpts?: any): VueFlowStore {
 
   const isOptsObj = typeof idOrOpts === 'object'
 
-  const options = isOptsObj ? idOrOpts : undefined
+  const options = isOptsObj ? idOrOpts : { id: idOrOpts }
 
-  const id = options?.id ?? idOrOpts
+  const id = options.id
   const vueFlowId = scope?.vueFlowId || id
 
   let vueFlow: Injection