diff --git a/.changeset/chilly-pumpkins-decide.md b/.changeset/chilly-pumpkins-decide.md
new file mode 100644
index 00000000..e103269b
--- /dev/null
+++ b/.changeset/chilly-pumpkins-decide.md
@@ -0,0 +1,5 @@
+---
+'@xyflow/react': patch
+---
+
+Prevent a 0 added to the markup for edges when interactionWidth is 0
diff --git a/packages/react/src/components/Edges/BaseEdge.tsx b/packages/react/src/components/Edges/BaseEdge.tsx
index 4d1ac1da..7bc4052b 100644
--- a/packages/react/src/components/Edges/BaseEdge.tsx
+++ b/packages/react/src/components/Edges/BaseEdge.tsx
@@ -47,7 +47,7 @@ export function BaseEdge({
   return (
     <>
       <path {...props} d={path} fill="none" className={cc(['react-flow__edge-path', props.className])} />
-      {interactionWidth && (
+      {interactionWidth ? (
         <path
           d={path}
           fill="none"
@@ -55,7 +55,7 @@ export function BaseEdge({
           strokeWidth={interactionWidth}
           className="react-flow__edge-interaction"
         />
-      )}
+      ) : null}
       {label && isNumeric(labelX) && isNumeric(labelY) ? (
         <EdgeText
           x={labelX}