Can't get Storm react diagrams to work

Hi there,

My link is not displayed and I don’t know why 😕

Here is my code :

    this.engine = new DiagramEngine();

    this.engine.registerNodeFactory(new DefaultNodeFactory());
    this.engine.registerLinkFactory(new DefaultLinkFactory());

    const model = new DiagramModel();

    const node1 = new DefaultNodeModel("Node 1", "rgb(0,192,255)");
    const port1 = node1.addPort(new DefaultPortModel(false, "out-1", "Out"));
    node1.x = 100;
    node1.y = 100;

    const node2 = new DefaultNodeModel("Node 2", "rgb(192,255,0)");
    const port2 = node2.addPort(new DefaultPortModel(true, "in-1", "IN"));
    node2.x = 400;
    node2.y = 100;

    const link1 = new LinkModel();
    link1.setSourcePort(port1);
    link1.setTargetPort(port2);

    model.addNode(node1);
    model.addNode(node2);
    model.addLink(link1);

    this.engine.setDiagramModel(model);


  render() {
    return ( <DiagramWidget
      css={css`
        background-color: #f5f5f5;
        height: 100vh;
      `}
      diagramEngine={engine}
    />)
}

[top4e]

Reverting to react@16.7.0 react-dom@16.7.0 and react-scripts@2.1.3 fixed the issue for me

[top4e]

I have similar (possibly the same) issue. I see links displayed, but out of place (see screenshot). Although links are OK when created with mouse. Issue was not observed with previous installation I have from few weeks ago.