diff --git a/src/container/VueFlow/VueFlow.vue b/src/container/VueFlow/VueFlow.vue
index cd75676a..e4368670 100644
--- a/src/container/VueFlow/VueFlow.vue
+++ b/src/container/VueFlow/VueFlow.vue
@@ -102,7 +102,7 @@ const props = withDefaults(defineProps<FlowProps>(), {
   edgeUpdaterRadius: 10,
   loading: false,
 })
-const emit = defineEmits([...Object.keys(createHooks()).filter((key) => key !== 'edgeUpdate'), 'update:modelValue'])
+const emit = defineEmits([...Object.keys(createHooks()), 'update:modelValue'])
 const store = initFlow(emit, typeof props.storageKey === 'string' ? props.storageKey : props.id)
 const elements = useVModel(props, 'modelValue', emit)
 const options = Object.assign({}, store.$state, props)
@@ -147,7 +147,11 @@ const transitionName = computed(() => {
 
 onBeforeUnmount(() => store?.$dispose())
 </script>
-
+<script lang="ts">
+export default {
+  name: 'VueFlow'
+}
+</script>
 <template>
   <div class="vue-flow">
     <Transition :key="`vue-flow-transition-${store.$id}`" :name="transitionName">
diff --git a/src/store/stateStore.ts b/src/store/stateStore.ts
index 12c34617..8096b41b 100644
--- a/src/store/stateStore.ts
+++ b/src/store/stateStore.ts
@@ -179,8 +179,7 @@ export default (id: string, preloadedState: FlowState) => {
         this.elementsSelectable = isInteractive
       },
       addElements(elements: Elements) {
-        const { nodes, edges } = parseElements(elements, this.elements, this.nodeExtent)
-        this.elements = [...this.elements, ...nodes, ...edges]
+        this.setElements(elements, false)
       },
       setState(state) {
         if (typeof state.loading !== 'undefined') this.loading = state.loading