diff --git a/components/table/index.en-US.md b/components/table/index.en-US.md
index 0b6daecec0..b84a35ccdd 100644
--- a/components/table/index.en-US.md
+++ b/components/table/index.en-US.md
@@ -283,6 +283,7 @@ Properties for row selection.
 ```tsx
 import { Table } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
+import React from 'react';
 
 interface User {
   key: number;
@@ -304,7 +305,7 @@ const data: User[] = [
   },
 ];
 
-export default () => (
+const Demo: React.FC = () => (
   <>
     <Table<User> columns={columns} dataSource={data} />
     {/* JSX style usage */}
@@ -313,6 +314,8 @@ export default () => (
     </Table>
   </>
 );
+
+export default Demo;
 ```
 
 Here is the [CodeSandbox for TypeScript](https://codesandbox.io/s/serene-platform-0jo5t).
diff --git a/components/table/index.zh-CN.md b/components/table/index.zh-CN.md
index 75fab3c82f..d768c31ca8 100644
--- a/components/table/index.zh-CN.md
+++ b/components/table/index.zh-CN.md
@@ -286,6 +286,7 @@ const columns = [
 ```tsx
 import { Table } from 'antd';
 import type { ColumnsType } from 'antd/es/table';
+import React from 'react';
 
 interface User {
   key: number;
@@ -307,7 +308,7 @@ const data: User[] = [
   },
 ];
 
-export default () => (
+const Demo: React.FC = () => (
   <>
     <Table<User> columns={columns} dataSource={data} />
     {/* 使用 JSX 风格的 API */}
@@ -316,6 +317,8 @@ export default () => (
     </Table>
   </>
 );
+
+export default Demo;
 ```
 
 TypeScript 里使用 Table 的 [CodeSandbox 实例](https://codesandbox.io/s/serene-platform-0jo5t)。