From eff1afdfded85e424191d1de895ddc5e3a11034d Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 12 Dec 2023 19:41:37 +0100
Subject: [PATCH] fix(core): use nullish check when finding edge label renderer
 el

---
 packages/core/src/components/Edges/EdgeLabelRenderer.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/components/Edges/EdgeLabelRenderer.vue b/packages/core/src/components/Edges/EdgeLabelRenderer.vue
index d69a0b61..9bc4a786 100644
--- a/packages/core/src/components/Edges/EdgeLabelRenderer.vue
+++ b/packages/core/src/components/Edges/EdgeLabelRenderer.vue
@@ -4,7 +4,7 @@ import { useVueFlow } from '../../composables'
 
 const { viewportRef } = useVueFlow()
 
-const teleportTarget = toRef(() => viewportRef.value!.getElementsByClassName('vue-flow__edge-labels')[0])
+const teleportTarget = toRef(() => viewportRef.value?.getElementsByClassName('vue-flow__edge-labels')[0] as undefined | unknown)
 </script>
 
 <script lang="ts">
@@ -17,7 +17,7 @@ export default {
 <template>
   <svg>
     <foreignObject height="0" width="0">
-      <Teleport :to="teleportTarget as any" :disabled="!teleportTarget">
+      <Teleport :to="teleportTarget" :disabled="!teleportTarget">
         <slot />
       </Teleport>
     </foreignObject>