useTemplateRef() can not get the element, the value will be null

[DiHaozhe-365]

Vue version

3.5.13

Link to minimal reproduction

https://play.vuejs.org/#eNp9Uk2L2zAQ/SuDLkkgtQlpL4uz0JY9tNAPtktPgqIqY1tbeWT04QZC/ntHSp12lyU36c3ozXtvdBRvx7GaEoob0QTtzRghYEwjWEXdTooYpLiVZIbR+QhHcPTJJYq4X0MK+IDDaFXEe2zhBK13AyyYbCFJ0qVzuVzB7haOkgC0oxAhmmgRds8YlouCL1Zzo7NYWdctC1xNyiZcQV0DJWtzj2nhaa2MuP5WKwJyEZTWGALE3gSwhjC/PEk68fCmPgfBtvkS/wrkG0CzNxNoq0LgaHr07tVPRYS+ZJRHN/0GPLY5uDyY8e8Jt9Wbpu43Z4aaKfjU1BdiseaUWXNruuoxOOJVFCNSaDeMxqL/MkbDnqS4mS1Koax1vz8WLPqE6xnXPepfL+CP4ZAxKb56DOgn1napReU7jOfy3bfPeODzpTi4fcpOrhTvkfNOWeO57V2iPcv+r6+o/VA+kaHuIdwdIlKYTWWhZQGlXwr+Qu+vWP8nd1u9nhfHKf6Y0GdODpAjrzZbcfoD2BTz6Q==

Steps to reproduce

<script setup lang="ts">
import { onMounted, useTemplateRef } from 'vue'

onMounted(() => {
  const title = useTemplateRef('title')
  console.log(title.value) // null
  if (title.value) {
    console.log(title.value) // can not access this line
  }
})
</script>

<template>
  <div>
    <h1 ref="title">Vue3.5</h1>
  </div>
</template>

What is expected?

What is actually happening?

System Info

Any additional comments?

No response