From 6147a8bf8d5318d718d6ac4ff257c06223d31279 Mon Sep 17 00:00:00 2001
From: Marcel Solle <msap3rtur3@gmail.com>
Date: Mon, 6 Feb 2023 09:55:47 +0100
Subject: [PATCH] fix: typing component refs

---
 src/guide/typescript/composition-api.md | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/guide/typescript/composition-api.md b/src/guide/typescript/composition-api.md
index 69e98b67fe..4151762576 100644
--- a/src/guide/typescript/composition-api.md
+++ b/src/guide/typescript/composition-api.md
@@ -401,14 +401,15 @@ defineExpose({
 </script>
 ```
 
-In order to get the instance type of `MyModal`, we need to first get its type via `typeof`, then use TypeScript's built-in `InstanceType` utility to extract its instance type:
+In order to get the instance type of `MyModal`, we need to first get its type via `typeof`, then use Vue's `ComponentPublicInstance` utility to extract its instance type:
 
 ```vue{5}
 <!-- App.vue -->
 <script setup lang="ts">
+import { ComponentPublicInstance } from 'vue';
 import MyModal from './MyModal.vue'
 
-const modal = ref<InstanceType<typeof MyModal> | null>(null)
+const modal = ref<ComponentPublicInstance<typeof MyModal> | null>(null)
 
 const openModal = () => {
   modal.value?.open()