Slot throws warning when passed down to component and rerendered #3695
Description
Version
3.0.11
Reproduction link
Steps to reproduce
Create 3 components :
- GrandParent - should accept some data that re-renders a slot, for example, array of objects.
- Parent
- Child
GrandParent passes down all it's slots to the Parent component:
return h(Parent, { data: this.data }, this.$slots)Parent component should render the slot inside the Child
h(Child, {} , {
default: () => row.key
}))In the root app (App.vue) call the GrandParent and add a slot
<GrandParent :data="data">
<template #cell-hello>Test</template>
</GrandParent>Now asynchronously update the data array and Vue will throw a read-only warning for the given slot:
Set operation on key "cell-hello" failed: target is readonly. {__vInternal: 1, cell-hello: ƒ}
What is expected?
Not to throw a warning
What is actually happening?
Throwing a warning but everything works.
This started happening after updating to 3.0.11. AFAIK this is related to #3523 and started happening after this update.