Невозможно добавить прямоугольник с помощью svg.js в pixi.js

#pixi.js

Вопрос:

Здесь я хочу добавить прямоугольник, используя svg.js в pixi.js но не смог этого сделать и получил ошибку.

 import { SVG } from '@svgdotjs/svg.js'      
import { Rect } from "@svgdotjs/svg.js"      
import * as PIXI from 'pixi.js'           

let app= new PIXI.Application({         
    width:256,         
    height:256      
});      

document.body.appendChild(app.view); 
    
let rectangle=new PIXI.Graphics();    
let rect = new Rect().size(100, 100).attr({ fill: '#f06',stroke: '#000'});     

PIXI.loader.add('rect').load(setup);     

function setup() {         
    let rectan=new PIXI.Sprite(PIXI.loader.resources['rect'].texture);         
    app.stage.addChild(rectan);     
}
 

неперехваченная ошибка типа: Не удается прочитать свойство «добавить» неопределенного в Object.parcelRequire.index.js.@svgdotjs/svg.js