diff --git a/.dumi/loading.js b/.dumi/loading.js
index efaadee1be..23b84ea095 100644
--- a/.dumi/loading.js
+++ b/.dumi/loading.js
@@ -1,2 +1,3 @@
+// must be .js file, can't modify to be .ts file!
// eslint-disable-next-line no-restricted-exports
export { default } from './theme/common/Loading';
diff --git a/components/tabs/demo/basic.tsx b/components/tabs/demo/basic.tsx
index e633254be3..2b954ec312 100644
--- a/components/tabs/demo/basic.tsx
+++ b/components/tabs/demo/basic.tsx
@@ -1,32 +1,29 @@
import React from 'react';
import { Tabs } from 'antd';
+import type { TabsProps } from 'antd';
const onChange = (key: string) => {
console.log(key);
};
-const App: React.FC = () => (
-
-);
+const items: TabsProps['items'] = [
+ {
+ key: '1',
+ label: `Tab 1`,
+ children: `Content of Tab Pane 1`,
+ },
+ {
+ key: '2',
+ label: `Tab 2`,
+ children: `Content of Tab Pane 2`,
+ },
+ {
+ key: '3',
+ label: `Tab 3`,
+ children: `Content of Tab Pane 3`,
+ },
+];
+
+const App: React.FC = () => ;
export default App;
diff --git a/components/tabs/index.tsx b/components/tabs/index.tsx
index 84f7a993ec..9e1b375f02 100755
--- a/components/tabs/index.tsx
+++ b/components/tabs/index.tsx
@@ -6,7 +6,6 @@ import type { TabsProps as RcTabsProps } from 'rc-tabs';
import RcTabs from 'rc-tabs';
import type { EditableConfig } from 'rc-tabs/lib/interface';
import * as React from 'react';
-
import { ConfigContext } from '../config-provider';
import type { SizeType } from '../config-provider/SizeContext';
import SizeContext from '../config-provider/SizeContext';