diff --git a/.dumi/pages/index/index.tsx b/.dumi/pages/index/index.tsx
index 8057bc90e0..ff3a8013cc 100644
--- a/.dumi/pages/index/index.tsx
+++ b/.dumi/pages/index/index.tsx
@@ -1,4 +1,4 @@
-import React, { type FC } from 'react';
+import React from 'react';
 import { useLocale as useDumiLocale } from 'dumi';
 import { css } from '@emotion/react';
 import useLocale from '../../hooks/useLocale';
@@ -42,7 +42,7 @@ const locales = {
   },
 };
 
-const Homepage: FC = () => {
+const Homepage: React.FC = () => {
   const [locale] = useLocale(locales);
   const { id: localeId } = useDumiLocale();
   const localeStr = localeId === 'zh-CN' ? 'cn' : 'en';
diff --git a/.dumi/theme/builtins/APITable/index.tsx b/.dumi/theme/builtins/APITable/index.tsx
index aad36b22cc..69ea24f8b2 100644
--- a/.dumi/theme/builtins/APITable/index.tsx
+++ b/.dumi/theme/builtins/APITable/index.tsx
@@ -1,6 +1,6 @@
-import React, { type FC } from 'react';
+import React from 'react';
 
-const APITable: FC = () => {
+const APITable: React.FC = () => {
   // TODO: implement api table, depend on the new markdown data structure passed
   return <>API Table</>;
 };
diff --git a/.dumi/theme/builtins/Previewer/fromDumiProps.tsx b/.dumi/theme/builtins/Previewer/fromDumiProps.tsx
index b50e6deed0..7caa9ff690 100644
--- a/.dumi/theme/builtins/Previewer/fromDumiProps.tsx
+++ b/.dumi/theme/builtins/Previewer/fromDumiProps.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState, type FC } from 'react';
+import React, { useEffect, useState } from 'react';
 // @ts-ignore
 import JsonML from 'jsonml.js/lib/utils';
 // @ts-ignore
@@ -36,7 +36,7 @@ function useShowRiddleButton() {
  */
 export default function fromDumiProps<P extends object>(
   WrappedComponent: React.ComponentType<P>,
-): FC<IPreviewerProps> {
+): React.FC<IPreviewerProps> {
   const hoc = function DumiPropsAntdPreviewer(props: IPreviewerProps) {
     const showRiddleButton = useShowRiddleButton();
     const location = useLocation();
diff --git a/.dumi/theme/builtins/ResourceCards/index.tsx b/.dumi/theme/builtins/ResourceCards/index.tsx
index d3e3793455..a87105f7f0 100644
--- a/.dumi/theme/builtins/ResourceCards/index.tsx
+++ b/.dumi/theme/builtins/ResourceCards/index.tsx
@@ -1,4 +1,4 @@
-import React, { type FC } from 'react';
+import React from 'react';
 import { Col, Row } from 'antd';
 import { css } from '@emotion/react';
 import useSiteToken from '../../../hooks/useSiteToken';
@@ -70,7 +70,7 @@ export type ResourceCardProps = {
   resource: Resource;
 };
 
-const ResourceCard: FC<ResourceCardProps> = ({ resource }) => {
+const ResourceCard: React.FC<ResourceCardProps> = ({ resource }) => {
   const styles = useStyle();
 
   const { title: titleStr, description, cover, src, official } = resource;
@@ -105,7 +105,7 @@ export type ResourceCardsProps = {
   resources: Resource[];
 };
 
-const ResourceCards: FC<ResourceCardsProps> = ({ resources }) => {
+const ResourceCards: React.FC<ResourceCardsProps> = ({ resources }) => {
   return (
     <Row style={{ margin: '-12px -12px 0 -12px' }}>
       {resources.map((item) => (
diff --git a/.dumi/theme/common/Loading.tsx b/.dumi/theme/common/Loading.tsx
index d8d4915922..fa29eb9e5a 100644
--- a/.dumi/theme/common/Loading.tsx
+++ b/.dumi/theme/common/Loading.tsx
@@ -1,8 +1,8 @@
-import React, { type FC } from 'react';
+import React from 'react';
 import { Skeleton, Space, Spin } from 'antd';
 import { useLocation } from 'dumi';
 
-const Loading: FC = () => {
+const Loading: React.FC = () => {
   const { pathname } = useLocation();
 
   if (
diff --git a/.dumi/theme/layouts/DocLayout/index.tsx b/.dumi/theme/layouts/DocLayout/index.tsx
index e44e67a955..03f439c4c5 100644
--- a/.dumi/theme/layouts/DocLayout/index.tsx
+++ b/.dumi/theme/layouts/DocLayout/index.tsx
@@ -1,4 +1,4 @@
-import React, { type FC, useEffect, useMemo, useRef, useLayoutEffect } from 'react';
+import React, { useEffect, useMemo, useRef, useLayoutEffect } from 'react';
 import 'dayjs/locale/zh-cn';
 import dayjs from 'dayjs';
 import { useOutlet, useSearchParams, Helmet } from 'dumi';
@@ -35,7 +35,7 @@ const locales = {
 
 const RESPONSIVE_MOBILE = 768;
 
-const DocLayout: FC = () => {
+const DocLayout: React.FC = () => {
   const outlet = useOutlet();
   const location = useLocation();
   const { pathname, search } = location;
diff --git a/.dumi/theme/layouts/GlobalLayout.tsx b/.dumi/theme/layouts/GlobalLayout.tsx
index 906423447a..6ea0b06808 100644
--- a/.dumi/theme/layouts/GlobalLayout.tsx
+++ b/.dumi/theme/layouts/GlobalLayout.tsx
@@ -1,4 +1,4 @@
-import React, { type FC, useLayoutEffect } from 'react';
+import React, { useLayoutEffect } from 'react';
 import { useOutlet } from 'dumi';
 import { ConfigProvider, theme as antdTheme } from 'antd';
 import { ThemeConfig } from 'antd/es/config-provider/context';
@@ -28,7 +28,7 @@ const getThemeString = (algorithm: typeof antdTheme.defaultAlgorithm) => {
   return 'light';
 };
 
-const GlobalLayout: FC = () => {
+const GlobalLayout: React.FC = () => {
   const outlet = useOutlet();
   const { pathname } = useLocation();
 
diff --git a/.dumi/theme/slots/Content/index.tsx b/.dumi/theme/slots/Content/index.tsx
index d861e34145..a700ceff48 100644
--- a/.dumi/theme/slots/Content/index.tsx
+++ b/.dumi/theme/slots/Content/index.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode, type FC, useMemo, useState, useLayoutEffect, useContext } from 'react';
+import React, { ReactNode, useMemo, useState, useLayoutEffect, useContext } from 'react';
 import { useIntl, useRouteMeta } from 'dumi';
 import Footer from 'dumi/theme/slots/Footer';
 import { Col, Typography, Avatar, Tooltip, Affix, Anchor } from 'antd';
@@ -82,7 +82,8 @@ const useStyle = () => {
       }
 
       @media only screen and (max-width: ${token.screenLG}px) {
-        &, &.rtl {
+        &,
+        &.rtl {
           padding-right: 48px;
           padding-left: 48px;
         }
@@ -97,7 +98,7 @@ type AnchorItem = {
   children?: AnchorItem[];
 };
 
-const Content: FC<{ children: ReactNode }> = ({ children }) => {
+const Content: React.FC<{ children: ReactNode }> = ({ children }) => {
   const meta = useRouteMeta();
   const { pathname } = useLocation();
   const { formatMessage } = useIntl();
diff --git a/.dumi/theme/slots/Sidebar/index.tsx b/.dumi/theme/slots/Sidebar/index.tsx
index 198892966c..271998bfaf 100644
--- a/.dumi/theme/slots/Sidebar/index.tsx
+++ b/.dumi/theme/slots/Sidebar/index.tsx
@@ -1,4 +1,4 @@
-import React, { type FC, useContext } from 'react';
+import React, { useContext } from 'react';
 import { useSidebarData } from 'dumi';
 import { Affix, Col, Menu } from 'antd';
 import MobileMenu from 'rc-drawer';
@@ -66,8 +66,8 @@ const useStyle = () => {
         // Nest Category > Type > Article
         &${antCls}-menu-inline {
           ${antCls}-menu-item-group-title {
-            padding-left: 60px;
             margin-left: 4px;
+            padding-left: 60px;
 
             ${antCls}-row-rtl & {
               padding-right: 60px;
@@ -124,7 +124,7 @@ const useStyle = () => {
   };
 };
 
-const Sidebar: FC = () => {
+const Sidebar: React.FC = () => {
   const sidebarData = useSidebarData();
   const { isMobile } = useContext(SiteContext);
   const styles = useStyle();