diff --git a/editor/components/SceneGraph.vue b/editor/components/SceneGraph.vue
index ff5d806..4904444 100644
--- a/editor/components/SceneGraph.vue
+++ b/editor/components/SceneGraph.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ref, watch, nextTick } from 'vue'
-import { VueFlow, useVueFlow } from '@vue-flow/core'
+import { VueFlow, useVueFlow, SmoothStepEdge } from '@vue-flow/core'
 import { Background } from '@vue-flow/background'
 import { Controls } from '@vue-flow/controls'
 import '@vue-flow/core/dist/style.css'
@@ -108,7 +108,7 @@ onConnect((conn: Connection) => {
     <VueFlow
       :nodes="nodes"
       :edges="edges"
-      default-edge-type="smoothstep"
+      :default-edge-type="SmoothStepEdge"
       :min-zoom="0.2"
       :max-zoom="2"
     >