diff --git a/examples/CustomConnectionLine/ConnectionLine.vue b/examples/CustomConnectionLine/ConnectionLine.vue
index e9c4f854..7efe2978 100644
--- a/examples/CustomConnectionLine/ConnectionLine.vue
+++ b/examples/CustomConnectionLine/ConnectionLine.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
-import { ConnectionLineComponentProps } from '~/index'
+import { ConnectionLineProps } from '~/index'
 
-interface ConnectionLineProps extends ConnectionLineComponentProps {
+interface CustomConnectionLineProps extends ConnectionLineProps {
   sourceX: number
   sourceY: number
   targetX: number
   targetY: number
 }
-const props = defineProps<ConnectionLineProps>()
+const props = defineProps<CustomConnectionLineProps>()
 </script>
 <template>
   <g>
diff --git a/src/types/components.ts b/src/types/components.ts
index 37c0c50f..dcac0529 100644
--- a/src/types/components.ts
+++ b/src/types/components.ts
@@ -1,7 +1,7 @@
 import { CSSProperties } from 'vue'
 import { BackgroundVariant, Dimensions, ElementId, FitViewParams, Position, XYPosition } from './flow'
 import { Connection } from './connection'
-import { Node } from '~/types/node'
+import { Node } from './node'
 
 export type HandleType = 'source' | 'target'
 
diff --git a/src/types/connection.ts b/src/types/connection.ts
index 3be46d34..1a929f0c 100644
--- a/src/types/connection.ts
+++ b/src/types/connection.ts
@@ -15,7 +15,7 @@ export interface Connection {
   targetHandle: ElementId | null
 }
 
-export type ConnectionLineComponentProps = {
+export type ConnectionLineProps = {
   sourceX: number
   sourceY: number
   sourcePosition?: Position