Edge crossings with a simple graph

[usrlocl]

I modified the Direction example in the layout story to add another connected node. But the layout is getting generated with an edge crossing as shown in the image below.

    <Canvas
      nodes={[
        {
          id: '1',
          text: '1'
        },
        {
          id: '2',
          text: '2'
        },
        {
          id: '3',
          text: '3'
        },
      ]}
      edges={[
        {
          id: '1-2',
          from: '1',
          to: '2',
          text: '1-2'
        },
        {
          id: '2-3',
          from: '2',
          to: '3',
          text: '2-3'
        },
        {
          id: '1-3',
          from: '1',
          to: '3',
          text: '1-3'
        },
      ]}

The same graph using D2 with Elk gives a clean diagram without any crossings here.

I'm wondering if there's some elk configuration that can achieve this, but the settings are quite overwhelming. It would be good if reaflow can have some sane defaults to achieve reasonably clean diagrams out of the box.

[amcdnl]

I know there is a setting for this in ELK but I can't remember it. Try searching the issues here, I think it has been mentioned before.

[usrlocl]

I went through the issues but couldn't find anything. FWIW, these are the settings I tried with various combinations to no avail.

        'org.eclipse.elk.algorithm': 'org.eclipse.elk.layered',
        'org.eclipse.elk.edgeRouting': 'ORTHOGONAL',
        'org.eclipse.elk.portConstraints': 'FREE',
        'org.eclipse.elk.layered.nodePlacement.strategy': 'LINEAR_SEGMENTS',
        'org.eclipse.elk.layered.crossingMinimization.forceNodeModelOrder': 'true',
        'org.eclipse.elk.layered.nodePlacement.networkSimplex.nodeFlexibility': 'PORT_POSITION',

[CTX-Rachel]

Is there a solution for this?
I am facing the same problem now, and I have more Nodes and Edges, so the situation is more serious.