access a ref nested in reactive cause "Maximum call stack size exceeded"

[edison1105]

Vue version

3.5

Link to minimal reproduction

https://play.vuejs.org/#eNp9kcFOwzAMhl8lymWdNjrQ4DJ1kwDtAAdAwDES6jq3y0iTKHHKpKnvjtNuYwe0m+3/c/Lb3vN7a9MmAJ/xzBdOWmQeMNiF0LK2xiHbMwd5gbKBMUXlmEFZQoGsZaUzNRtQ80DowmiPLGfzE50QnNwMh0IL3bckyZDNF2wvNGORNwpSZaokT5tcBSCy7ehDPhoJnU16U2SHEoTaqhyBMsayVUA0erGR2eQQRv6M4WOOnj4qZZVuvdE0Y/e34IWprVTgXi1KMiL4rHcVtVwp8/Pc1dAFGB/rxQaK73/qW7+LNcHfHHhwDQh+0jB3FWAvLz9eYEfxSazNOiiiL4jvQEsK0WOPPQS9JttnXOf2qbuU1NWnX+4QtD8OFY1Gsu14welWjxdG/7M7TW+7PjoJbfGrARffpAVO07v0+moFmKdT3v4CP+C+wQ==

Steps to reproduce

open the link

What is expected?

No error

What is actually happening?

An error occurred "Maximum call stack size exceeded"

System Info

System:
    OS: macOS 14.5
    CPU: (8) arm64 Apple M1
    Memory: 122.11 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.16.0 - /usr/local/bin/node
    Yarn: 1.22.22 - /usr/local/bin/yarn
    npm: 10.8.1 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
    bun: 1.0.0 - /usr/local/bin/bun
  Browsers:
    Chrome: 127.0.6533.122
    Safari: 17.5

Any additional comments?

It works fine in v3.4

The problem was discovered while reviewing the PRs below:
#6359
#6376

The reason is that dep is processed as reactive data

[riskysciolism]

Seems to be a major issue as it freezes our application when using primevue datatables with row grouping.

[riskysciolism]

It does not work fine in v3.4.
It does work fine in v3.3.

[edison1105]

@riskysciolism
It sounds like your problem is not the same as this one. this one only happens in v3.5.
Please try to create a new issue with a minimal runnable reproduction.