Props stability doesn't work as per docs

[sofuxro]

Vue version

3.15.13

Link to minimal reproduction

Vue Playground - solution proposed by the docs

Steps to reproduce

Following the docs Props stability doesn't solve the issue.

Check the console to see that all items are re-rendered

What is expected?

Vue Playground - version using v-memo

Check the console to see that only the effected rows are re-rendered

What is actually happening?

It re-renders the component even though the prop value isActive stays the same. Doesn't work without v-memo

System Info

Any additional comments?

Why doesn't it work as expected (as mentioned in the docs) ? the prop value doesn't change so it shouldn't trigger the re-rendering

[jh-leong]

The prop instability occurs because @click="select(item.id)" compiles to a new function on each render (onClick: $event => ($setup.select(item.id))). You can verify this in the Playground's JS output.

As a workaround, declare the emit option in ListItem to skip the event props check: Playground