BaseColor not working as in the example

[samuelint]

Hi 👋🏻,

In this basic example https://ocjs.org/docs/examples/ocjs-logo, color is assigned to the geometry in the last step.

// Add colors
for(const it1 = new oc.TopoDS_Iterator_2(result, true, true); it1.More(); it1.Next()) {
  let i = 0;
  for(const it2 = new oc.TopoDS_Iterator_2((new oc.TopoDS_Iterator_2(it1.Value(), true, true)).Value(), true, true); it2.More(); it2.Next()) {
    const newShape = shapeTool.NewShape();
    shapeTool.SetShape(newShape, it2.Value());

    const vmtool = oc.XCAFDoc_DocumentTool.VisMaterialTool(newShape).get();
    const visMat = new oc.XCAFDoc_VisMaterial();
    const matLabel = vmtool.AddMaterial_1(new oc.Handle_XCAFDoc_VisMaterial_2(visMat), new oc.TCollection_AsciiString_2(`myMatName${Math.random()}`));
    vmtool.SetShapeMaterial_1(newShape, matLabel);
    const visMatPbr = new oc.XCAFDoc_VisMaterialPBR();
    if(i === 3) {
      visMatPbr.BaseColor = new oc.Quantity_ColorRGBA_5(0.6, 0.5, 0, 1);
    } else {
      visMatPbr.BaseColor = new oc.Quantity_ColorRGBA_5(0.3, 0.3, 0.3, 1);
    }
    visMat.SetPbrMaterial(visMatPbr);

    i++;
  }
}

however when trying to do the same using the latest version, the property BaseColor is not available on the object XCAFDoc_VisMaterialPBR as described in the example. Typescript gives an error and bypassing typescript (by setting (visMatPbr as any).BaseColor) does generate an error at runtime.

Also, other examples in the starter-template directory does not use material https://github.com/donalffons/opencascade.js/blob/master/starter-templates/ocjs-create-react-app-typescript/src/App.tsx.

How can I apply color to my model? What is the workaround?

Thanks!
Sam.