diff --git a/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue b/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
index f6b26f7f..924de720 100644
--- a/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-timeline-item.vue
@@ -13,7 +13,6 @@ import { renderDict } from '#/utils/render';
 
 defineOptions({
   name: 'ApprovalTimelineItem',
-  inheritAttrs: false,
 });
 
 const props = defineProps<{ item: Flow }>();
@@ -42,7 +41,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <TimelineItem :key="item.id">
+  <TimelineItem>
     <template #dot>
       <div class="relative rounded-full border">
         <VbenAvatar
diff --git a/apps/web-antd/src/views/workflow/components/approval-timeline.vue b/apps/web-antd/src/views/workflow/components/approval-timeline.vue
index 0e344fcc..b469099e 100644
--- a/apps/web-antd/src/views/workflow/components/approval-timeline.vue
+++ b/apps/web-antd/src/views/workflow/components/approval-timeline.vue
@@ -13,8 +13,8 @@ const props = defineProps<{
 <template>
   <Timeline v-if="props.list.length > 0">
     <ApprovalTimelineItem
-      v-for="(item, index) in props.list"
-      :key="index"
+      v-for="item in props.list"
+      :key="item.id"
       :item="item"
     />
   </Timeline>