using ref alongside conditional rendering (useTemplateRef + v-if)

<script setup lang="ts">
import CheckMobile from '~/components/pages/auth/CheckMobile.vue';
import VerifyMobile from '~/components/pages/auth/VerifyMobile.vue';

const status = ref<Status>(Status.CHECK_MOBILE); // enum

const VerifyMobileRef = useTemplateRef<InstanceType<typeof VerifyMobile>>('verifyMobile');

const onMobileChecked = () => {
  status.value = Status.VERIFY_MOBILE;
  VerifyMobileRef.value?.startCountdown(); // Doesn't work
};
</script>

<template>
    <CheckMobile
      v-if="status === Status.CHECK_MOBILE"
      @mobile-checked="onMobileChecked"
    />
    <VerifyMobile
      v-if="status === Status.VERIFY_MOBILE"
      ref="verifyMobile"
    />
<template>