Render from variable. Maximum recursive updates exceeded

[Kerigard]

Version

3.0.11

Reproduction link

https://codepen.io/kerigard/pen/KKaOKRJ

Steps to reproduce

• Open repro link
• Open browser console
• Click on button Show notify with components

What is expected?

Components are rendered once

What is actually happening?

Components are constantly being updated

[edison1105]

as a workaround:

const content = shallowRef()

or

 content.value = Vue.markRaw(options)

[HcySunYang]

[h(VButton, null, { default: () => 'button' }), ' in notify']

The children array will be implicitly normalized, if the array is reactive, it will potentially trigger an update. For any VNode-related data, you should use markRaw to wrap it.