diff --git a/packages/core/client/src/schema-component/antd/card-item/CardItem.tsx b/packages/core/client/src/schema-component/antd/card-item/CardItem.tsx
index 5fc45aa08a..9cca65d1e3 100644
--- a/packages/core/client/src/schema-component/antd/card-item/CardItem.tsx
+++ b/packages/core/client/src/schema-component/antd/card-item/CardItem.tsx
@@ -1,9 +1,9 @@
 import { useFieldSchema } from '@formily/react';
 import { Skeleton } from 'antd';
 import React from 'react';
+import { useInView } from 'react-intersection-observer';
 import { useSchemaTemplate } from '../../../schema-templates';
 import { BlockItem } from '../block-item';
-import { useInView } from 'react-intersection-observer';
 import { BlockItemCard } from '../block-item/BlockItemCard';
 import { BlockItemError } from '../block-item/BlockItemError';
 import useStyles from './style';
@@ -33,7 +33,7 @@ export const CardItem = (props: Props) => {
     <BlockItemError>
       <BlockItem name={name} className={`${componentCls} ${hashId} noco-card-item`}>
         <BlockItemCard ref={ref} {...restProps}>
-          {inView ? props.children : <Skeleton active paragraph={{ rows: 4 }} />}
+          {inView ? props.children : <Skeleton paragraph={{ rows: 4 }} />}
         </BlockItemCard>
       </BlockItem>
     </BlockItemError>,
diff --git a/packages/core/client/src/schema-component/antd/table-v2/Table.tsx b/packages/core/client/src/schema-component/antd/table-v2/Table.tsx
index a444a39a79..3e90cafdb2 100644
--- a/packages/core/client/src/schema-component/antd/table-v2/Table.tsx
+++ b/packages/core/client/src/schema-component/antd/table-v2/Table.tsx
@@ -508,7 +508,7 @@ export const Table: any = withDynamicSchemaProps(
 
         return (
           <td {...props} ref={ref} className={classNames(props.className, cellClass)}>
-            {inView || isIndex ? props.children : <Skeleton.Button active />}
+            {inView || isIndex ? props.children : <Skeleton.Button />}
           </td>
         );
       },
@@ -527,7 +527,7 @@ export const Table: any = withDynamicSchemaProps(
           cell: BodyCellComponent,
         },
       };
-    }, [bodyWrapperComponent]);
+    }, [BodyCellComponent, bodyWrapperComponent]);
 
     const memoizedRowSelection = useMemo(() => rowSelection, [JSON.stringify(rowSelection)]);
 
diff --git a/packages/plugins/@nocobase/plugin-kanban/src/client/Kanban.tsx b/packages/plugins/@nocobase/plugin-kanban/src/client/Kanban.tsx
index 8181855b64..c456264522 100644
--- a/packages/plugins/@nocobase/plugin-kanban/src/client/Kanban.tsx
+++ b/packages/plugins/@nocobase/plugin-kanban/src/client/Kanban.tsx
@@ -9,7 +9,7 @@ import {
   useProps,
   withDynamicSchemaProps,
 } from '@nocobase/client';
-import { Spin, Tag, Card, Skeleton } from 'antd';
+import { Card, Skeleton, Spin, Tag } from 'antd';
 import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { useInView } from 'react-intersection-observer';
 import { Board } from './board';
@@ -155,7 +155,7 @@ export const Kanban: any = withDynamicSchemaProps(
                         <MemorizedRecursionField name={schemas.card.name} schema={schemas.card} />
                       ) : (
                         <Card bordered={false}>
-                          <Skeleton active paragraph={{ rows: 4 }} />
+                          <Skeleton paragraph={{ rows: 4 }} />
                         </Card>
                       )}
                     </div>