customRef cannot be deep responsive

[dengbupapapa]

Vue version

3.2.x

Link to minimal reproduction

https://play.vuejs.org/#eNqNU9tq4zAQ/ZVBL3Ega5P2LesE9tKHXdgLbemTXow7cd3aktEldTD6947kWHFpKRUYRnPOzJwZjwb2revSg0W2YbkuVd0Z0Ghst6vbTioDA1iNf47XuAcHeyVbWKTZ5Eof9YILaNBAe/xZmGIN28hP1suvr8CLOTj0m+G4WTvnSXk2lt5xQReDbdcUBukGkD+sd8MQ0zuXZ+QJSC06a+DwpZX32Gw5O3E4g+xt6EXap8dPhAfeKUWezaSwFTO6lGJfV9S2FDSwwefhrJRtVzeo/nWmlkJztoGAeKxoGvn8O/iMsria/OUDlk/v+B91732c/VeoUR2Qs4iZQlVoRvjq5i/2ZEeQurANsT8Ar1HLxnqNI+27Ffcke8YLan+FH1+L6lZf9QaFnpryQj3TBT5ntDU/Pmj9LPcyvQxxXDia4mx5aIZxzUqrjWzne0b5F1zRStCHfaDtrSh9pfMeHYrG4pKqEglA0eoqcc6VJEYV5dOKtNdVhWoJ293Ejex4ByDBSUw2npAgWc5dp7hQ+uynsUSbnlAi8PnulbjxhCh6CRM8x3y1oHNez03myXABc8y9AEqINvc=

Steps to reproduce

1、Define a customRef incoming value as a complex data structure。
2、Modify the properties of complex data structures

What is expected?

View update

What is actually happening?

View not updated

System Info

No response

Any additional comments?

No response

[LinusBorg]

Yes, that is not supported. But that's by design, it's not a bug.

What you could do is 1) use a reactive() object instead of a plain one and 2) deep watch that object in the custom ref, then trigger() as necessary.

https://play.vuejs.org/#eNqNU9tq20AQ/ZVhXyyBKuPkzZVdeslDC72Qlj4tFCGPZSXSrtiLLCP23ztaXayQECIQ7J5zZubMMNuxj3UdNxbZliU6U0VtQKOx9Z4LKKpaKgMdKEwzUzQIDo5KVrCigNV7LmaB1fj9co/HWRCvJyh+0CvKVaKB6vIlNekGdrM+2ISUZkHeLMmpbNC12+6y3TgX9vJkPRgli3QxWNVlarA3DMlps++6uZBzyZoQzxSitgaad5U8YLnjbNRwBuvnoTdxG1/eEO51Y4pkvbDCImZ0JsWxyGkAUtB4uz4PZ5ms6qJE9bM2hRSasy14pufSspTnbx4zymI04dkJs8cX8Afd9hhnvxRqVA1yNnMmVTmagb77/QNbOs8kdWFLUr9C3qOWpe09DrJPVhzI9kLn3X71K1CI/I++aw0KPTXVG+2Vzus5o5X5/ErrV7u38a2P48LRFBdrRDOcFy6z2siK8AjOqclOTzaTK9oM+rH16qMVtEZSXBerSUuLIRUnEfjt+2dUkefUnkeGlEEQwm4PXhzBcJl0H+IgjMjHAbEeeiUH4RCt6P0ocbUYBEal2WNEMh/rE421Z/V8B6A5ULEFABRJCYIx//CNcd7dFadpz2d6x4HA898nzQ6fj6KnNtFLrq/mfS7ruek4HpznHHP/Ae6YYqM=