Recursive error when using a ref anywhere in the canvas when it changes on a click event handler inside a v-for

[franciscohermida]

Describe the bug

Doing:

• v-for rendering 3 boxes
• click event handler to set currentItem ref for each box
• using the currentItem ref elsewhere in the canvas

Expecting: No recursive error

Happening: recursive error because click handler is called again when ref is being used elsewhere in the canvas

Reproduction

https://stackblitz.com/edit/tresjs-basic-bskmaj?file=src%2Fcomponents%2FBox.vue

Steps to reproduce

Click on each of the boxes and check console

System Info

No response

Used Package Manager

npm

Code of Conduct

• [X] I agree to follow this project's Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[alvarosabu]

Hi @franciscohermida thanks for opening this, I think this will be fixed with #529 on the v4 release.

We are fine-tuning the PR and we expect to merge it soon, I will let you know so you can test it with the next channel release.

[alvarosabu]

Hi @franciscohermida can you try again with the new v4 to see if it's still happening? Thanks 🙏🏻

[franciscohermida]

@alvarosabu seems fixed thanks!