refactor(core): throw err on next tick

Signed-off-by: braks <[email protected]>

Author: bcakmakoglu

packages/core/src/composables/useEdge.ts

@@ -28,11 +28,15 @@ export default function useEdge<Data = ElementData, CustomEvents extends Record<
     ([nextEdge, nextId]) => {
       if (!nextId || nextId === '') {
         throw new VueFlowError('useEdge', `No node id provided and no injection could be found!`)
-      } else if (!nextEdge) {
-        throw new VueFlowError('useEdge', `Node with id ${edgeId.value} not found!`)
       }
+
+      nextTick(() => {
+        if (!nextEdge) {
+          throw new VueFlowError('useEdge', `Node with id ${edgeId.value} not found!`)
+        }
+      })
     },
-    { immediate: true },
+    { immediate: true, flush: 'post' },
   )
 
   return {

packages/core/src/composables/useNode.ts

@@ -32,11 +32,15 @@ export default function useNode<Data = ElementData, CustomEvents extends Record<
     ([nextNode, nextId]) => {
       if (!nextId || nextId === '') {
         throw new VueFlowError('useNode', `No node id provided and no injection could be found!`)
-      } else if (!nextNode) {
-        throw new VueFlowError('useNode', `Node with id ${nodeId.value} not found!`)
       }
+
+      nextTick(() => {
+        if (!nextNode) {
+          throw new VueFlowError('useNode', `Node with id ${nodeId.value} not found!`)
+        }
+      })
     },
-    { immediate: true },
+    { immediate: true, flush: 'post' },
   )
 
   return {