Transition doesn't work well with defineModel

[Saeid-Za]

Vue version

3.4.0-beta.2

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-1yf9xq?file=src%2Fcomponents%2FHelloWorld.vue

Steps to reproduce

1- Click on Toggle Model Value
2- Check if corresponding value is changing (it does not)

3- Click on Toggle Local Value
4- Check if corresponding value is changing (it does)

5- Click on Toggle Explicit Value
6- Check if corresponding value is changing (it does)

What is expected?

When I click on Toggle Model Value, It is expected that the value is updated inside Transition component.

What is actually happening?

Value inside Transition of modelValue (which is defined with defineModel) is not reactive.

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 18.18.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 9.4.2 - /usr/local/bin/npm
    pnpm: 8.10.5 - /usr/local/bin/pnpm
  npmPackages:
    vue: 3.4.0-beta.2 => 3.4.0-beta.2

Any additional comments?

This issue is not happening on stable channel (3.3.x).

[edison1105]

related commit f74785b
simplify demo switch to v3.4.0-beta2

[yyx990803]

fixed by #9841