Subscribe on changes!

Render from variable. Maximum recursive updates exceeded

avatar
May 2nd 2021

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

avatar
May 2nd 2021

as a workaround:

const content = shallowRef()

or

 content.value = Vue.markRaw(options)
avatar
May 3rd 2021
[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.