diff --git a/examples/Interaction/InteractionExample.vue b/examples/Interaction/InteractionExample.vue
index 0e8ed7a0..ad2cf008 100644
--- a/examples/Interaction/InteractionExample.vue
+++ b/examples/Interaction/InteractionExample.vue
@@ -22,9 +22,9 @@ const initialElements: Elements = [
   { id: 'e1-3', source: '1', target: '3' },
 ]
 
-const onNodeDragStart = (_: MouseEvent, node: Node) => console.log('drag start', node)
-const onNodeDragStop = (_: MouseEvent, node: Node) => console.log('drag stop', node)
-const onElementClick = (_: MouseEvent, element: FlowElement) => console.log('click', element)
+const onNodeDragStart = ({ node }) => console.log('drag start', node)
+const onNodeDragStop = ({ node }) => console.log('drag stop', node)
+const onElementClick = ({ element }) => console.log('click', element)
 const onPaneClick = (event: MouseEvent) => console.log('onPaneClick', event)
 const onPaneScroll = (event?: WheelEvent) => console.log('onPaneScroll', event)
 const onPaneContextMenu = (event: MouseEvent) => console.log('onPaneContextMenu', event)
diff --git a/src/container/VueFlow/VueFlow.vue b/src/container/VueFlow/VueFlow.vue
index 1964e8ef..ccf7082f 100644
--- a/src/container/VueFlow/VueFlow.vue
+++ b/src/container/VueFlow/VueFlow.vue
@@ -116,6 +116,7 @@ const store = useStore(props)
 const hooks = useHooks(emit)
 
 const init = (opts: typeof props) => {
+  store.$state = { ...store.$state, ...opts }
   store.setElements(opts.elements)
   store.setMinZoom(opts.minZoom)
   store.setMaxZoom(opts.maxZoom)