Как получить доступ к $refs.dynamicComponent? <template> <div>

Question

Как получить доступ к $refs.dynamicComponent? <template> <div>

<DynamicComponent ref="dynamicComponent" v-if="loaded" />

<button @click="onClick">Load</button>
</div>
</template>

<script>
const DynamicComponent = () => import('./DynamicComponent');

export default {
data() {
return {
loaded: false
}
},
components: {
DynamicComponent
},
methods: {
onClick: () => {
this.loaded = true;

console.log(this.$refs.dynamicComponent) // undefined
this.$nextTick(() => console.log(this.$refs.dynamicComponent)) // undefined
}
}
}
</script>