diff --git a/src/components/steps/steps.tsx b/src/components/steps/steps.tsx
index 224c3de33b..944c3ef5c1 100644
--- a/src/components/steps/steps.tsx
+++ b/src/components/steps/steps.tsx
@@ -36,24 +36,24 @@ export const Steps: FC<StepsProps> = p => {
     props,
     <div className={classString}>
       {React.Children.map(props.children, (child, index) => {
-        if (!React.isValidElement(child)) {
+        if (!React.isValidElement<StepProps>(child)) {
           return child
         }
-        const props = child.props as StepProps
-        let status = props.status || 'wait'
+        const childProps = child.props
+        let status = childProps.status || 'wait'
 
         if (index < current) {
-          status = props.status || 'finish'
+          status = childProps.status || 'finish'
         } else if (index === current) {
-          status = props.status || 'process'
+          status = childProps.status || 'process'
         }
 
-        const icon = props.icon ?? defaultIcon
+        const icon = childProps.icon ?? defaultIcon
 
         return React.cloneElement(child, {
           status,
           icon,
-        } as StepProps)
+        })
       })}
     </div>
   )