access a ref nested in reactive cause "Maximum call stack size exceeded" #11696
Labels
❗ p4-important
Priority 4: this fixes bugs that violate documented behavior, or significantly improves perf.
🐞 bug
Something isn't working
scope: reactivity
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
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
![image](https://private-user-images.githubusercontent.com/3705199/360845622-70052086-9e76-44c2-82ba-8433d295477f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ2MTc2NDUsIm5iZiI6MTcyNDYxNzM0NSwicGF0aCI6Ii8zNzA1MTk5LzM2MDg0NTYyMi03MDA1MjA4Ni05ZTc2LTQ0YzItODJiYS04NDMzZDI5NTQ3N2YucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDgyNSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA4MjVUMjAyMjI1WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YWY2NTQ2OTE5OTExNWVhMjk1ZmFmMmU5NWRmOTI5ZTQzN2Y0MmU4YTRmZTFlYWFhMmM0MmUxNzU5ZjI2N2ZmYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.fMxBfNvE6w9LIGwDjIOT9MBb-Lu24W0OwRbVZ5EWMfc)
The text was updated successfully, but these errors were encountered: