diff --git a/packages/plugins/@nocobase/plugin-workflow/src/client/components/StatusButton.tsx b/packages/plugins/@nocobase/plugin-workflow/src/client/components/StatusButton.tsx
index a2665f214c817..d94557437730b 100644
--- a/packages/plugins/@nocobase/plugin-workflow/src/client/components/StatusButton.tsx
+++ b/packages/plugins/@nocobase/plugin-workflow/src/client/components/StatusButton.tsx
@@ -31,16 +31,17 @@ const useStyles = createStyles(({ css, token }) => ({
 }));
 
 export function StatusButton(props) {
+  const { status, statusMap, ...others } = props;
   const { styles } = useStyles();
   let tag = null;
-  if (typeof props.status !== 'undefined' && props.statusMap?.[props.status]) {
-    const { icon, color } = props.statusMap[props.status];
+  if (typeof status !== 'undefined' && statusMap?.[status]) {
+    const { icon, color } = statusMap[status];
     tag = <Tag color={color}>{icon}</Tag>;
   }
 
   return (
     <Button
-      {...props}
+      {...others}
       shape="circle"
       size="small"
       className={classnames(tag ? styles.statusButtonClass : styles.noStatusButtonClass, props.className)}