Cannot read properties of undefined (reading 'shapeFlag');Page rendering error

[logicao]

Vue version

3.4.21

Link to minimal reproduction

https://play.vuejs.org/#eNqNUstOwzAQ/JXFFzdS1YrHKaTlpR7gAAi4YQ4h2bZuXTuynVIpyr+zTmhaQVWRHGLvjEczE1fspigG6xJZzBKXWVl4cOjLYiy0XBXGeqjA4rQPc6hhas0KOLG50EJnRjsP0k1y6WEUWL1pqhxGO9BimhPUi2A0hnmP53LN+/DOw5x/RJdbHrYSv3lCw4Gnw8PnlEf9f9DOOLn6y2kshDcZtuEpNm08rgqVeqQdQPJZem80XGdKZsuRYF3ik3Yl2Liqthu4Ah7ScIiB36U6QwVhLvWM13UybMVa4cxQwxq1h1g6Et5JhH6ojLgpphcJBkM6kgz3jLE+847am8rZYOGMph9YBVXBgqxUaJ8KL6ldwWJokIClSpmvh2bmbYk/1dGZOWbLA/OF24SZYM8WHdo1CtZhPrUzpPQBnrw+4obWHbgyeamIfQR8QWdUGTy2tNtS52R7j9e4vW+uIfX35iYbj9ptQwWjgVk3fMHoXt4dib6zez64aM4JXbP6Gxp67XU=

Steps to reproduce

First click the edit button, then click the cancel edit button again

What is expected?

No errors reported, the page is rendered correctly

What is actually happening?

vue.runtime.esm-browser.js:8134 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'shapeFlag')
at traverseStaticChildren (vue.runtime.esm-browser.js:8134:14)
at traverseStaticChildren (vue.runtime.esm-browser.js:8140:11)
at processFragment (vue.runtime.esm-browser.js:7257:11)
at patch (vue.runtime.esm-browser.js:6739:9)
at ReactiveEffect.componentUpdateFn [as fn] (vue.runtime.esm-browser.js:7510:9)
at ReactiveEffect.run (vue.runtime.esm-browser.js:466:19)
at instance.update (vue.runtime.esm-browser.js:7554:16)
at callWithErrorHandling (vue.runtime.esm-browser.js:1695:33)
at flushJobs (vue.runtime.esm-browser.js:1900:9)

System Info

No response

Any additional comments?

No response

[edison1105]

a workaround add a key

[logicao]

a workaround add a key

if children is vnode，no work

[edison1105]

related commit
Maybe should reconsider #8100