DOM is not updated when shallow array is modified

[sionzee]

Version

3.0.0-alpha.12

Reproduction link

https://jsfiddle.net/xjuamt5y/4/

Steps to reproduce

1. Open the reproduction case.
2. Open console
3. Click anywhere in the rendered part

You should see message "Adding to array"

What is expected?

To re-render the DOM with values from Array

What is actually happening?

Nothing is updated.

---

When I add another ref there and modify the ref, it will re-render whole DOM with proper values.

Used shallowRef because of #962

[sionzee]

Additional Comment

Even when shallowRef is not making value reactive, what should be the proper way to update array of components?

In the reproduction case there is structure with comp and id. That makes sense why it is not updated. (realized after opening the issue) But if we cannot use ref on component. What should be proper way to update: Array<Component>?

[yyx990803]

A shallowRef only tracks mutation of its own .value property. Mutating the array inside won't be reactive. If you want to track the mutation of the array you should be using shallowReactive([])