useTemplateRef ref name needs to be different than var name

[MiniDigger]

Vue version

3.5.13

Link to minimal reproduction

https://stackblitz.com/edit/vitejs-vite-mrkdbqgv?file=lib%2Fsrc%2FMyModal.vue

Steps to reproduce

const dialogElement = useTemplateRef('dialogElement'); is the interesting part.
in the minimal repro:

• cd into lib, install deps and run npm run build
• cd into app, install deps and run npm run dev
• refresh the preview and watch the browser console

What is expected?

no warning

What is actually happening?

[Vue warn] Set operation on key "value" failed: target is readonly. ShallowRef<null>

System Info

stackblitz

 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.20.3 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.2.3 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/bin/pnpm
  npmPackages:
    vue: ^3.5.13 => 3.5.13

Any additional comments?

this doesnt happen unless the component is in a production bundle.
my guess without knowing any of this is that both the old logic and the new useTemplateRef logic run.

(internal issue TKUA-8682)

[edison1105]

duplicate of #12852

[MiniDigger]

how did that not show up in search... thanks!