diff --git a/components/affix/demo/target.vue b/components/affix/demo/target.vue
index bba533dbb..8256c26b1 100644
--- a/components/affix/demo/target.vue
+++ b/components/affix/demo/target.vue
@@ -26,11 +26,11 @@ Set a `target` for 'Affix', which is listen to scroll event of target element (d
   </div>
 </template>
 <script lang="ts">
-import { defineComponent, ref, VNode } from 'vue';
+import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
   setup() {
-    const containerRef = ref<VNode>();
+    const containerRef = ref();
     return {
       containerRef,
     };
diff --git a/components/button/__tests__/__snapshots__/demo.test.js.snap b/components/button/__tests__/__snapshots__/demo.test.js.snap
index dda33db12..e1b7cfc84 100644
--- a/components/button/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/button/__tests__/__snapshots__/demo.test.js.snap
@@ -126,8 +126,6 @@ exports[`renders ./components/button/demo/ghost.vue correctly 1`] = `
     <!----><span>Dashed</span>
   </button><button class="ant-btn ant-btn-background-ghost ant-btn-dangerous" type="button">
     <!----><span>Danger</span>
-  </button><button class="ant-btn ant-btn-link" type="button">
-    <!----><span>Link</span>
   </button></div>
 `;
 
diff --git a/components/button/demo/ghost.vue b/components/button/demo/ghost.vue
index b3229c119..2bffc0491 100644
--- a/components/button/demo/ghost.vue
+++ b/components/button/demo/ghost.vue
@@ -22,6 +22,5 @@ title:
     <a-button ghost>Default</a-button>
     <a-button type="dashed" ghost>Dashed</a-button>
     <a-button danger ghost>Danger</a-button>
-    <a-button type="link" ghost>Link</a-button>
   </div>
 </template>
diff --git a/components/date-picker/demo/date-render.vue b/components/date-picker/demo/date-render.vue
index 284575234..1990c4fbe 100644
--- a/components/date-picker/demo/date-render.vue
+++ b/components/date-picker/demo/date-render.vue
@@ -18,8 +18,8 @@ We can customize the rendering of date cells in the calendar by providing a `dat
 <template>
   <a-space direction="vertical" :size="12">
     <a-date-picker v-model:value="value1">
-      <template #dateRender="{ current, today }">
-        <div class="ant-picker-cell-inner" :style="getCurrentStyle(current, today)">
+      <template #dateRender="{ current }">
+        <div class="ant-picker-cell-inner" :style="getCurrentStyle(current)">
           {{ current.date() }}
         </div>
       </template>
@@ -35,7 +35,8 @@ We can customize the rendering of date cells in the calendar by providing a `dat
 </template>
 <script lang="ts">
 import type { Dayjs } from 'dayjs';
-import { CSSProperties, defineComponent, ref } from 'vue';
+import { defineComponent, ref } from 'vue';
+import type { CSSProperties } from 'vue';
 export default defineComponent({
   setup() {
     const getCurrentStyle = (current: Dayjs) => {
@@ -57,4 +58,3 @@ export default defineComponent({
   },
 });
 </script>
-
diff --git a/components/dropdown/demo/event.vue b/components/dropdown/demo/event.vue
index 2e1567ccb..a836ad853 100644
--- a/components/dropdown/demo/event.vue
+++ b/components/dropdown/demo/event.vue
@@ -32,13 +32,13 @@ An event will be triggered when you click menu items, in which you can make diff
   </a-dropdown>
 </template>
 <script lang="ts">
-import { defineComponent, VNodeChild } from 'vue';
+import { defineComponent } from 'vue';
 import { DownOutlined } from '@ant-design/icons-vue';
 
 interface MenuInfo {
   key: string;
   keyPath: string[];
-  item: VNodeChild;
+  item: any;
   domEvent: MouseEvent;
 }
 
diff --git a/components/dropdown/demo/overlay-visible.vue b/components/dropdown/demo/overlay-visible.vue
index 35c0ae538..65c2e25eb 100644
--- a/components/dropdown/demo/overlay-visible.vue
+++ b/components/dropdown/demo/overlay-visible.vue
@@ -32,13 +32,13 @@ The default is to close the menu when you click on menu items, this feature can
   </a-dropdown>
 </template>
 <script lang="ts">
-import { defineComponent, ref, VNodeChild } from 'vue';
+import { defineComponent, ref } from 'vue';
 import { DownOutlined } from '@ant-design/icons-vue';
 
 interface MenuInfo {
   key: string;
   keyPath: string[];
-  item: VNodeChild;
+  item: any;
   domEvent: MouseEvent;
 }
 export default defineComponent({
diff --git a/components/form/demo/custom-validation.vue b/components/form/demo/custom-validation.vue
index 8befa3982..241793a5d 100644
--- a/components/form/demo/custom-validation.vue
+++ b/components/form/demo/custom-validation.vue
@@ -44,7 +44,7 @@ See more advanced usage at [async-validator](https://github.com/yiminghe/async-v
   </a-form>
 </template>
 <script lang="ts">
-import { RuleObject } from 'ant-design-vue/es/form';
+import type { RuleObject } from 'ant-design-vue/es/form';
 import { defineComponent, reactive, ref } from 'vue';
 import type { UnwrapRef } from 'vue';
 interface FormState {
diff --git a/components/menu/demo/vertical.vue b/components/menu/demo/vertical.vue
index 4d8ab597d..87c5dfb7b 100644
--- a/components/menu/demo/vertical.vue
+++ b/components/menu/demo/vertical.vue
@@ -61,7 +61,7 @@ Submenus open as pop-ups.
   </a-menu>
 </template>
 <script lang="ts">
-import { defineComponent, reactive, toRefs, VNodeChild } from 'vue';
+import { defineComponent, reactive, toRefs } from 'vue';
 import {
   MailOutlined,
   CalendarOutlined,
@@ -72,7 +72,7 @@ import {
 interface MenuInfo {
   key: string;
   keyPath: string[];
-  item: VNodeChild;
+  item: any;
   domEvent: MouseEvent;
 }
 export default defineComponent({