Edges not being created despite IDs being correct as well as being added in <ReactFlow>

[fast mural]

When you use multiple handles on a node each handle should have a unique id that you need to use to target that handle

When inspecting your sandbox and switching to Variable Lineage I can't seem to find any sourceHandle or targetHandle definitions on your edges

Check the Custom Nodes example as a reference.

The selector node has two source handles (a and b) so the edges are defined as

      {
        id: 'e2a-3',
        source: '2',
        target: '3',
        sourceHandle: 'a', // <--- this edge uses handle `a`
        animated: true,
        style: { stroke: '#fff' },
      },
      {
        id: 'e2b-4',
        source: '2',
        target: '4',
        sourceHandle: 'b', // <--- this edge uses handle `b`
        animated: true,
        style: { stroke: '#fff' },
      },