Strange behavior with Vue.js devtools extension

[silvioandorinha]

Vue devtools version

6.5.0

Link to minimal reproduction

https://pt.stackoverflow.com/questions/581861/comportamento-estranho-com-a-extens%c3%a3o-vue-js-devtools

Steps to reproduce & screenshots

I have the following scenario:

When I run the program, a property in Vuex is filled with an array of Objects as follows:

However, when I select the HeatMapWrap component through the Vue.js devtools extension, the following modification occurs:

If I navigate normally through Vue.js devtools without selecting this component, and I can even select parent components, this error does not occur, but when I select it, this happens.

Can someone help me?

What is expected?

Solution

What is actually happening?

Solution

System Info

System:
    OS: Windows 10 10.0.22621
    CPU: (8) x64 Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz
    Memory: 614.47 MB / 7.88 GB
  Binaries:
    Node: 14.15.4 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.10 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 112.0.5615.138
    Edge: Spartan (44.22621.1413.0), Chromium (111.0.1661.41)
    Internet Explorer: 11.0.22621.1
  npmPackages:
    vue: ^2.6.11 => 2.7.14

Any additional comments?

No response