diff --git a/docs/.vitepress/vitepress/components/globals/vp-api-typing.vue b/docs/.vitepress/vitepress/components/globals/vp-api-typing.vue
index 995edfdf9d..c5fc038368 100644
--- a/docs/.vitepress/vitepress/components/globals/vp-api-typing.vue
+++ b/docs/.vitepress/vitepress/components/globals/vp-api-typing.vue
@@ -12,22 +12,24 @@ defineProps({
     <code class="api-typing mr-1">
       {{ type }}
     </code>
-    <el-tooltip v-if="details" effect="light" trigger="click">
-      <el-button text :icon="Warning" class="p-2 text-4" />
-      <template #content>
-        <slot>
-          <div class="m-1">
-            <code
-              style="
-                color: var(--code-tooltip-color);
-                background-color: var(--code-tooltip-bg-color);
-              "
-            >
-              {{ details }}
-            </code>
-          </div>
-        </slot>
-      </template>
-    </el-tooltip>
+    <ClientOnly>
+      <ElTooltip v-if="details" effect="light" trigger="click">
+        <ElButton text :icon="Warning" class="p-2 text-4" />
+        <template #content>
+          <slot>
+            <div class="m-1">
+              <code
+                style="
+                  color: var(--code-tooltip-color);
+                  background-color: var(--code-tooltip-bg-color);
+                "
+              >
+                {{ details }}
+              </code>
+            </div>
+          </slot>
+        </template>
+      </ElTooltip>
+    </ClientOnly>
   </span>
 </template>