Как добавить объекты в группу на ткани JS

Question

Я хочу добавить ректы в группу динамически. Но когда я добавляю поверх верхней или левой стороны, верхний левый угол группы переходит в верхний левый угол добавляемого прямоугольника. Помогите мне разобраться, пожалуйста.

Как добавить ректы:

let canvas = new fabric.Canvas('draw');
let group = new fabric.Group('', {
                     objectCaching: false,
                     hasControls: false,
                     hasBorders: false,
                     hasRotatingPoint: false,
                     subTargetCheck: true,
                });
group.addWithUpdate(new fabric.Rect({top:0,left:0,width:100,height:200}));
canvas.add(group);
canvas.renderAll();
group.on('moving', move);
function move(e) {
    let trCorner = e.target.calcCoords().tr;
    let viewPortTSide = e.target.canvas.calcViewportBoundaries().tl.y;
    if (viewPortTSide - trCorner.y < -10) {
        group.addWithUpdate(new fabric.Rect({top:-400,left:-200, height: 300, width: 200}))
    }
}