diff --git a/packages/vue-flow/src/container/EdgeRenderer/EdgeRenderer.vue b/packages/vue-flow/src/container/EdgeRenderer/EdgeRenderer.vue
index 99ab0992..d680a9de 100644
--- a/packages/vue-flow/src/container/EdgeRenderer/EdgeRenderer.vue
+++ b/packages/vue-flow/src/container/EdgeRenderer/EdgeRenderer.vue
@@ -63,14 +63,15 @@ const scope = effectScope()
 
 onPaneReady(() => {
   scope.run(() => {
+    const edgeAmount = computed(() => getEdges.length)
+
     watch(
-      [$$(getSelectedNodes), $$(getEdges), $$(getNodes)],
+      [$$(getSelectedNodes), edgeAmount],
       () => {
-        getEdges.reduce((acc, edge) => {
-          if (hooks[edge.id]) return acc
+        getEdges.forEach((edge) => {
+          if (hooks[edge.id]) return
           hooks[edge.id] = useEdgeHooks(edge, emits)
-          return acc
-        }, hooks)
+        })
 
         if (elevateEdgesOnSelect) {
           nextTick(() => (groups = groupEdgesByZLevel(getEdges, getNode)))