بازنویسی شدن کل آرایه در جاوا اسکریپت

با سلام
ببینید من یک کلاس دارم که داخلش پزیشن موس رو نگه میدارم و در انتها این کلاس رو داخل یه آرایه پوش میکنم، ولی نمی دونم چرا هر بار که این کلاس پوش میشه داخل آرایه تمام خانه های آرای دوباره باز نویسی میشه و پزیشن موس همه روی آخرین مورد ست میشه
این کد منه

let draw
let shapes = []

canvas.addEventListener('mousedown', e => {
started = true
startPosition.x = e.clientX
startPosition.y = e.clientY
takeStore()
})
canvas.addEventListener('mousemove', e => {
draw = new Draw()
if (!started) return
restore()
mousePosition.x = e.clientX
mousePosition.y = e.clientY
draw.rect(e, startPosition, mousePosition, colorS)

})
canvas.addEventListener('mouseup', e => {
started = false
restore()
mousePosition.x = e.clientX
mousePosition.y = e.clientY
draw.rect(e, startPosition, mousePosition, colorS)
shapes.push(draw)
console.log(shapes)
})