useTemplateRef doesn't work in a tsx script setup

[burgyl]

Vue version

5.9.3

Link to minimal reproduction

https://play.vuejs.org/#eNqVU8Fum0AQ/ZXRXsASxWrcE8VIbWUprpq0Sq2e9kJhwKSwi5Zdx5bFv3d2iW3sOJFyg5n33r59s7NnX9o23BhkEYu7TFWthg61aaFORTnnTHdbzhIuqqaVSsMe1gFIcSeN0JgHYDpcYdPWqcYHLKCHQskGPBL0PnPBRSZFp6HZLUVrtEXMLyjx7eruh+suamxQ6MT3mt2Hyla8CWkcFG5E/l4RolwRmql3CxFlJPTS0597mSOJ+bFDgcKCohs74Aw2aW2QyrfyCVKFsJOGkl1jXct46kDJNZsH7bXvDRYCGgIdEMG5s2A4IALOll4DRSWQDu0Hw8eJ+f4E5gnsuQCwJ8kaw1qWvveRBE5jCp2W5V7AbhxsNItXkTOHHIV9QvYTLuLp8NroadGPfh4B/QFchvgiQBsZ/U+T+K8aGN8kPU9B84Ko6hzrbDSUczw9Yt6inaV+QbOmR0ZZQMtBVy6qMnzspKANcrFylhGlqlH9bHVFkXAWDYHbXkren767mlYGg0M9W2P270r90e6fHeovhR2qDZk69nSqSqRkbHvx+x639H1sNjI3NaHfaD4gjctYjwPsqxE52R7hnNulW/1KlKtusdUousOlrFGL7B2eM9p6m9ZrVz/ZnYWfHI+eAuv/A5EJiYM=

Steps to reproduce

• Open the console
• You should see only the first ref after '1'. The 2 other refs are null

What is expected?

The refs my2ndInputRef and my3rdInputRef should have the input as a value also.

What is actually happening?

They are null

System Info

Any additional comments?

No response

[edison1105]

The setting of ref needs to be done during the rendering stage, not during the creation stage of vnode. so it should be:

const my2ndInputVNode = ()=>(<input ref="my-2nd-input" value="How are you">hello</input>);
const my3rdInputVNode = ()=>h('input', { ref: 'my-3rd-input', value: "I'm fine" });

see Playground

[burgyl]

Ah I understand now, thanks a lot and sorry for the disturbance