is it advisable to use the same template ref value in dynamically loaded component?

[gitamgadtaula]

//parent.vue
<component
      ref="stepForm"
      :key="currentTabComponent.id"
       :is="currentTabComponent.value"
        @success="handleSuccess"
 ></component>
const stepForm=ref('stepForm')

This is my implementation of tab component where different component are loaded on different scenarios. All the child components have a same validate method exposed which are meant to be called from parent component. Is it okay to use same ref for different child components that are loaded dynamically from a computed value?

My goal is to call stepForm.value.validate() of the current component that is loaded.