diff --git a/src/components/Edges/EdgeText.tsx b/src/components/Edges/EdgeText.tsx
index d1b2ef5a..8a73447c 100644
--- a/src/components/Edges/EdgeText.tsx
+++ b/src/components/Edges/EdgeText.tsx
@@ -58,7 +58,7 @@ export default defineComponent({
       return null;
     }
 
-    return (
+    return () => (
       <g
         transform={`translate(${props.x - edgeTextBox.value.width / 2} ${props.y - edgeTextBox.value.height / 2})`}
         class="revue-flow__edge-textwrapper"
diff --git a/src/components/Edges/SmoothStepEdge.tsx b/src/components/Edges/SmoothStepEdge.tsx
index c6b815c4..1015d522 100644
--- a/src/components/Edges/SmoothStepEdge.tsx
+++ b/src/components/Edges/SmoothStepEdge.tsx
@@ -136,7 +136,7 @@ export default defineComponent({
       />
     ) : null;
 
-    return (
+    return () => (
       <>
         <path
           class="revue-flow__edge-path"
diff --git a/src/components/Edges/StraightEdge.tsx b/src/components/Edges/StraightEdge.tsx
index 10d5d965..45e0332d 100644
--- a/src/components/Edges/StraightEdge.tsx
+++ b/src/components/Edges/StraightEdge.tsx
@@ -34,7 +34,7 @@ export default defineComponent({
 
     const markerEnd = reactify((arrowHeadType?: ArrowHeadType, markerEndId?: string) => getMarkerEnd(arrowHeadType, markerEndId));
 
-    return (
+    return () => (
       <>
         <path
           style={props.style}