diff --git a/src/frontend/src/utils/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
index 2a264a8b9..7304fdb89 100644
--- a/src/frontend/src/utils/reactflowUtils.ts
+++ b/src/frontend/src/utils/reactflowUtils.ts
@@ -193,8 +193,9 @@ export function validateNode(
             .getEdges()
             .some(
               (e) =>
-                e.targetHandle.split("|")[1] === t &&
-                e.targetHandle.split("|")[2] === n.id
+                (JSON.parse(e.targetHandle) as targetHandleType).fieldName ===
+                  t &&
+                (JSON.parse(e.targetHandle) as targetHandleType).id === n.id
             )
           ? [
               `${type} is missing ${