Frozen array in reactive breaks list rendering

[CyberAP]

Version

3.0.0-alpha.9

Reproduction link

https://codesandbox.io/s/hopeful-newton-su9mz

Steps to reproduce

1. Create frozen array
2. Use that array as a value in reactive
3. Pass that value as a prop in render function

What is expected?

Frozen arrays should be supported in lists

What is actually happening?

Rendering breaks

[thecrypticace]

I did some poking around and will add that rendering only breaks when the frozen array contains objects. If it contains primitives it (from what I can tell) works as expected. It seems it's related to the proxy's that wrap objects.

The error is:

TypeError: 'get' on proxy: property '0' is a read-only and non-configurable data property on the proxy target but the proxy did not return its actual value (expected '#<Object>' but got '[object Object]')

The following is a low-level code reproduction:

const list = ref(Object.freeze([{id: 1}]))
renderList(list.value, () => null)

@yyx990803 This seems like it would be a reasonable fix (at the end of get(…)) but I'm not 100% certain that this would always work as expected. Thoughts?

    const descriptor = Reflect.getOwnPropertyDescriptor(target, key);
    if (descriptor && !descriptor.configurable && !descriptor.writable) {
      return res
    }