Crash when toggling layers in Vue3

[Joebayld]

I found a quite specific bug that I can't seem to solve and some of it might be a Vue3 bug. But essentially my app needs to enable/disable konva layers. The bug is that there's a crash that happens sometimes but it is only based on the stacking order of the layers. It's a weird one to explain but here's link to reproduce the issue.

Take note of the stack order. If you swap the order of layers one and two, the crash no longer happens. It seem to be only if you're toggling visibility of the first layer AND there is another layer under it.

https://codesandbox.io/p/sandbox/angry-hooks-7wwylm?file=%2Fsrc%2FApp.vue%3A11%2C15

[lavrton]

As a possible solution, use visible property on the layer instead of v-if.

[Joebayld]

That was my workaround for some of it. But I still have some issues. All of this used to work fine in Vue2.

Is this a Konva bug or Vue? I'm worried I don't know how to get this resolved.

[lavrton]

I think we have to do something in vue-konva package to fix that.