diff --git a/packages/components/avatar/__tests__/avatar.spec.tsx b/packages/components/avatar/__tests__/avatar.spec.tsx
index 529513df6a..2c88862c78 100644
--- a/packages/components/avatar/__tests__/avatar.spec.tsx
+++ b/packages/components/avatar/__tests__/avatar.spec.tsx
@@ -1,4 +1,4 @@
-import { nextTick } from 'vue'
+import { nextTick, markRaw } from 'vue'
 import { mount } from '@vue/test-utils'
 import { User } from '@element-plus/icons-vue'
 import {
@@ -39,7 +39,7 @@ describe('Avatar.vue', () => {
   })
 
   test('icon avatar', () => {
-    const wrapper = _mount(() => <Avatar icon={User} />)
+    const wrapper = _mount(() => <Avatar icon={markRaw(User)} />)
     expect(wrapper.classes()).toContain('el-avatar--icon')
     expect(wrapper.findComponent(User).exists()).toBe(true)
   })
diff --git a/packages/components/button/__tests__/button.spec.tsx b/packages/components/button/__tests__/button.spec.tsx
index 327163b54b..32ef46ec70 100644
--- a/packages/components/button/__tests__/button.spec.tsx
+++ b/packages/components/button/__tests__/button.spec.tsx
@@ -1,4 +1,4 @@
-import { ref, nextTick, defineComponent } from 'vue'
+import { ref, nextTick, defineComponent, markRaw } from 'vue'
 import { mount } from '@vue/test-utils'
 import { Loading, Search } from '@element-plus/icons-vue'
 import Button from '../src/button.vue'
@@ -17,7 +17,7 @@ describe('Button.vue', () => {
 
   it('icon', () => {
     const wrapper = mount(Button, {
-      props: { icon: Search },
+      props: { icon: markRaw(Search) },
     })
     expect(wrapper.findComponent(Search).exists()).toBeTruthy()
   })
@@ -111,7 +111,7 @@ describe('Button.vue', () => {
   it('loading icon', () => {
     const wrapper = mount(Button, {
       props: {
-        loadingIcon: Search,
+        loadingIcon: markRaw(Search),
         loading: true,
       },
     })
diff --git a/packages/components/page-header/__tests__/page-header.spec.ts b/packages/components/page-header/__tests__/page-header.spec.ts
index f0b4e1ecaf..ab5419a206 100644
--- a/packages/components/page-header/__tests__/page-header.spec.ts
+++ b/packages/components/page-header/__tests__/page-header.spec.ts
@@ -1,3 +1,4 @@
+import { markRaw } from 'vue'
 import { mount } from '@vue/test-utils'
 import { ArrowLeft } from '@element-plus/icons-vue'
 import PageHeader from '../src/page-header.vue'
@@ -13,7 +14,7 @@ describe('PageHeader.vue', () => {
   })
 
   test('should render icon props', () => {
-    const icon = ArrowLeft
+    const icon = markRaw(ArrowLeft)
     const wrapper = mount(PageHeader, {
       props: { icon },
     })
diff --git a/packages/components/steps/__tests__/steps.spec.ts b/packages/components/steps/__tests__/steps.spec.ts
index 531a5f7756..9732c3bcc8 100644
--- a/packages/components/steps/__tests__/steps.spec.ts
+++ b/packages/components/steps/__tests__/steps.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick } from 'vue'
+import { nextTick, markRaw } from 'vue'
 import { mount } from '@vue/test-utils'
 import { Edit } from '@element-plus/icons-vue'
 import Steps from '../src/index.vue'
@@ -13,7 +13,7 @@ const _mount = (template: string) =>
       },
       data() {
         return {
-          iconEdit: Edit,
+          iconEdit: markRaw(Edit),
         }
       },
       template,
diff --git a/packages/components/switch/__tests__/switch.spec.ts b/packages/components/switch/__tests__/switch.spec.ts
index 9452cfa1db..ceb9b7e81d 100644
--- a/packages/components/switch/__tests__/switch.spec.ts
+++ b/packages/components/switch/__tests__/switch.spec.ts
@@ -1,4 +1,4 @@
-import { nextTick } from 'vue'
+import { nextTick, markRaw } from 'vue'
 import { mount } from '@vue/test-utils'
 import { Checked, CircleClose } from '@element-plus/icons-vue'
 import Switch from '../src/switch.vue'
@@ -55,8 +55,8 @@ describe('Switch.vue', () => {
   test('switch with icons', () => {
     const wrapper = mount(Switch, {
       props: {
-        activeIcon: Checked,
-        inactiveIcon: CircleClose,
+        activeIcon: markRaw(Checked),
+        inactiveIcon: markRaw(CircleClose),
       },
     })
 
diff --git a/packages/components/timeline/__tests__/timeline.spec.ts b/packages/components/timeline/__tests__/timeline.spec.ts
index 00d0981b10..31a6884238 100644
--- a/packages/components/timeline/__tests__/timeline.spec.ts
+++ b/packages/components/timeline/__tests__/timeline.spec.ts
@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue'
+import { defineComponent, markRaw } from 'vue'
 import { mount } from '@vue/test-utils'
 import { MoreFilled } from '@element-plus/icons-vue'
 import TimeLine from '../src/timeline'
@@ -12,7 +12,7 @@ const Component = defineComponent({
   props: [],
   data() {
     return {
-      iconMoreFilled: MoreFilled,
+      iconMoreFilled: markRaw(MoreFilled),
       activities: [
         {
           content: 'Step 1: xxxxxx',