diff --git a/src/guide/typescript/composition-api.md b/src/guide/typescript/composition-api.md
index 4151762576..69e98b67fe 100644
--- a/src/guide/typescript/composition-api.md
+++ b/src/guide/typescript/composition-api.md
@@ -401,15 +401,14 @@ defineExpose({
 </script>
 ```
 
-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:
+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:
 
 ```vue{5}
 <!-- App.vue -->
 <script setup lang="ts">
-import { ComponentPublicInstance } from 'vue';
 import MyModal from './MyModal.vue'
 
-const modal = ref<ComponentPublicInstance<typeof MyModal> | null>(null)
+const modal = ref<InstanceType<typeof MyModal> | null>(null)
 
 const openModal = () => {
   modal.value?.open()