diff --git a/components/steps/index.tsx b/components/steps/index.tsx
index 93149363c..650d31d86 100644
--- a/components/steps/index.tsx
+++ b/components/steps/index.tsx
@@ -96,7 +96,7 @@ const Steps = defineComponent({
             <Progress
               type="circle"
               percent={mergedPercent.value}
-              width={progressWidth}
+              size={progressWidth}
               strokeWidth={4}
               format={() => null}
             />
@@ -146,7 +146,7 @@ const Steps = defineComponent({
 /* istanbul ignore next */
 export const Step = defineComponent({
   compatConfig: { MODE: 3 },
-  ...VcStep,
+  ...(VcStep as any),
   name: 'AStep',
   props: VcStepProps(),
 });
diff --git a/site/src/components/antdv-token-previewer/component-demos/steps/danger.tsx b/site/src/components/antdv-token-previewer/component-demos/steps/danger.tsx
index dfdc7bf5b..13a2c5fa2 100644
--- a/site/src/components/antdv-token-previewer/component-demos/steps/danger.tsx
+++ b/site/src/components/antdv-token-previewer/component-demos/steps/danger.tsx
@@ -3,20 +3,25 @@ import { Steps } from 'ant-design-vue';
 
 import type { ComponentDemo } from '../../interface';
 
-const { Step } = Steps;
-
 const Demo = defineComponent({
   setup() {
     return () => (
-      <Steps current={1}>
-        <Step title="Error" status={'error'} description="This is a description." />
-        <Step
-          status={'error'}
-          title="In Progress"
-          subTitle="Left 00:00:08"
-          description="This is a description."
-        />
-      </Steps>
+      <Steps
+        current={1}
+        items={[
+          {
+            title: 'Error',
+            status: 'error',
+            description: 'This is a description.',
+          },
+          {
+            title: 'In Progress"',
+            status: 'error',
+            subTitle: 'Left 00:00:08',
+            description: 'This is a description.',
+          },
+        ]}
+      />
     );
   },
 });
diff --git a/site/src/components/antdv-token-previewer/component-demos/steps/steps.tsx b/site/src/components/antdv-token-previewer/component-demos/steps/steps.tsx
index 46f293250..9f7a1a45c 100644
--- a/site/src/components/antdv-token-previewer/component-demos/steps/steps.tsx
+++ b/site/src/components/antdv-token-previewer/component-demos/steps/steps.tsx
@@ -3,16 +3,27 @@ import { Steps } from 'ant-design-vue';
 
 import type { ComponentDemo } from '../../interface';
 
-const { Step } = Steps;
-
 const Demo = defineComponent({
   setup() {
     return () => (
-      <Steps current={1}>
-        <Step title="Finished" description="This is a description." />
-        <Step title="In Progress" subTitle="Left 00:00:08" description="This is a description." />
-        <Step title="Waiting" description="This is a description." />
-      </Steps>
+      <Steps
+        current={1}
+        items={[
+          {
+            title: 'Finished',
+            description: 'This is a description.',
+          },
+          {
+            title: 'In Progress"',
+            subTitle: 'Left 00:00:08',
+            description: 'This is a description.',
+          },
+          {
+            title: 'Waiting"',
+            description: 'This is a description.',
+          },
+        ]}
+      />
     );
   },
 });
diff --git a/site/src/layouts/header/Menu.vue b/site/src/layouts/header/Menu.vue
index fcedc6696..df0528581 100644
--- a/site/src/layouts/header/Menu.vue
+++ b/site/src/layouts/header/Menu.vue
@@ -13,7 +13,6 @@
     >
       <a-select-option :value="antdVersion">{{ antdVersion }}</a-select-option>
       <a-select-option value="3.x" @click="changeVersion('3x')">3.x</a-select-option>
-      <a-select-option value="next" @click="changeVersion('next')">4.x (Next)</a-select-option>
       <a-select-option value="2.x" @click="changeVersion('2x')">
         2.x (Not Recommended)
       </a-select-option>