// This is the root flex layout node
    const container = new TaffyNode(500, 500);
    // Setting the style to the root
    container.setLayout((lp) => {
      lp.justifyContent(app.visly.stretch.JustifyContent.Center);
      lp.alignItems(app.visly.stretch.AlignItems.Center);
      lp.alignContent(app.visly.stretch.AlignContent.Center);
    });

    // Create a node of 200 width/height
    const node1 = new TaffyNode(200, 200);
    container.addChild(node1);

    // Create a node of 50 width/height inside node1
    const node2 = new TaffyNode(50, 50);
    node2.setLayout((lp) => {
      lp.alignSelf(app.visly.stretch.AlignSelf.Center);
    });

    node1.addChild(node2);

    // Compute the layout
    container.computeLayout();

    // Container width is 500;
    console.log(container.layout.getWidth());
    // node1 width comes out to be 50 however it should have been 200 since i have set the size explicitly. it seems
   // that it sizes itself to size of the child.
    console.log(node1.layout.getWidth());

    // node2 height comes out to be 0 when it should be 50 since i have set the size explicitly.
    console.log(node2.layout.getWidth());