Fabricjs – How to get the individual items detail from within a group from onmodified event

I am using v5 of fabric.js

I can see from the docs how to make groups but no guidance on when this is done via the UI. In my case, the user will use their mouse to create a group (holding shift/cmd) and clicking on canvas elements, which creates an outer box/group, and then all items can be moved/scaled proportionally

eg

enter image description here

I can see examples in GitHub issues about using targets or sub targets but I don’t know the syntax for this, no do I find any examples.

This is what I’ve tried

const canvas = new fabric.Canvas("myId"); 

canvas.on("object:modified", hasBeenModified);

function hasBeenModified(evt) {
    try {
        var z = evt.target.canvas.get('targets'); //always returns an empty array
        var ab = evt.target.canvas.get('subgroups'); //undefined
        var tg = evt.target.canvas.get('group'); //undefined
        //var bz = evt.get('targets');   //throws exception
        var az = evt.target.canvas.targets; //empty array
        var aazz = canvas.groups(); //undefined
    }
    catch (e) { }
}

This approach works great when a single object is moved and I can use the following syntax.

console.log(“original width: ” + evt.target.get(‘width’));

However, I’m expecting to get an array out of fabric.js so I can iterate over each item that moved and get the latest properties

After a user groups multiple items within the canvas (by using their keyboard/mouse), modifies them (scales/drags), how do I find the new size/location (or any other property) of each item