diff --git a/package.json b/package.json
index 140fe32..5318fa4 100644
--- a/package.json
+++ b/package.json
@@ -54,7 +54,7 @@
     "@types/classnames": "^2.3.1",
     "@types/jest": "^29.5.12",
     "@types/node": "^22.2.0",
-    "@types/react": "^17.0.80",
+    "@types/react": "^18.3.7",
     "@types/react-dom": "^16.9.24",
     "@umijs/fabric": "^4.0.0",
     "@umijs/test": "^4.3.12",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8d1520d..cc7bc47 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -34,8 +34,8 @@ importers:
         specifier: ^22.2.0
         version: 22.2.0
       '@types/react':
-        specifier: ^17.0.80
-        version: 17.0.80
+        specifier: ^18.3.7
+        version: 18.3.7
       '@types/react-dom':
         specifier: ^16.9.24
         version: 16.9.24
@@ -47,7 +47,7 @@ importers:
         version: 4.3.12(@babel/core@7.25.2)
       dumi:
         specifier: ^2.4.7
-        version: 2.4.7(@babel/core@7.25.2)(@swc/helpers@0.5.1)(@types/node@22.2.0)(@types/react@17.0.80)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))
+        version: 2.4.7(@babel/core@7.25.2)(@swc/helpers@0.5.1)(@types/node@22.2.0)(@types/react@18.3.7)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))
       eslint:
         specifier: ^8.57.0
         version: 8.57.0
@@ -1988,6 +1988,9 @@ packages:
   '@types/react@17.0.80':
     resolution: {integrity: sha512-LrgHIu2lEtIo8M7d1FcI3BdwXWoRQwMoXOZ7+dPTW0lYREjmlHl3P0U1VD0i/9tppOuv8/sam7sOjx34TxSFbA==}
 
+  '@types/react@18.3.7':
+    resolution: {integrity: sha512-KUnDCJF5+AiZd8owLIeVHqmW9yM4sqmDVf2JRJiBMFkGvkoZ4/WyV2lL4zVsoinmRS/W3FeEdZLEWFRofnT2FQ==}
+
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
 
@@ -10062,23 +10065,23 @@ snapshots:
     dependencies:
       '@floating-ui/core': 0.6.2
 
-  '@floating-ui/react-dom-interactions@0.3.1(@types/react@17.0.80)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@floating-ui/react-dom-interactions@0.3.1(@types/react@18.3.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@floating-ui/react-dom': 0.6.3(@types/react@17.0.80)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@floating-ui/react-dom': 0.6.3(@types/react@18.3.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       aria-hidden: 1.2.4
       point-in-polygon: 1.1.0
-      use-isomorphic-layout-effect: 1.1.2(@types/react@17.0.80)(react@18.3.1)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.7)(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
       - react
       - react-dom
 
-  '@floating-ui/react-dom@0.6.3(@types/react@17.0.80)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@floating-ui/react-dom@0.6.3(@types/react@18.3.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@floating-ui/dom': 0.4.5
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      use-isomorphic-layout-effect: 1.1.2(@types/react@17.0.80)(react@18.3.1)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.7)(react@18.3.1)
     transitivePeerDependencies:
       - '@types/react'
 
@@ -10902,6 +10905,11 @@ snapshots:
       '@types/scheduler': 0.16.8
       csstype: 3.1.3
 
+  '@types/react@18.3.7':
+    dependencies:
+      '@types/prop-types': 15.7.12
+      csstype: 3.1.3
+
   '@types/resolve@1.20.6': {}
 
   '@types/responselike@1.0.3':
@@ -11337,7 +11345,7 @@ snapshots:
     dependencies:
       tsx: 3.12.2
 
-  '@umijs/preset-umi@4.3.12(@types/node@22.2.0)(@types/react@17.0.80)(lightningcss@1.22.1)(rollup@3.29.4)(sass@1.77.8)(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))':
+  '@umijs/preset-umi@4.3.12(@types/node@22.2.0)(@types/react@18.3.7)(lightningcss@1.22.1)(rollup@3.29.4)(sass@1.77.8)(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))':
     dependencies:
       '@iconify/utils': 2.1.1
       '@svgr/core': 6.5.1
@@ -11361,7 +11369,7 @@ snapshots:
       '@umijs/zod2ts': 4.3.12
       babel-plugin-dynamic-import-node: 2.3.3
       babel-plugin-react-compiler: 0.0.0-experimental-c23de8d-20240515
-      click-to-react-component: 1.1.0(@types/react@17.0.80)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      click-to-react-component: 1.1.0(@types/react@18.3.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       core-js: 3.34.0
       current-script-polyfill: 1.0.0
       enhanced-resolve: 5.9.3
@@ -12331,9 +12339,9 @@ snapshots:
 
   cli-width@3.0.0: {}
 
-  click-to-react-component@1.1.0(@types/react@17.0.80)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  click-to-react-component@1.1.0(@types/react@18.3.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@floating-ui/react-dom-interactions': 0.3.1(@types/react@17.0.80)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@floating-ui/react-dom-interactions': 0.3.1(@types/react@18.3.7)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       htm: 3.1.1
       react: 18.3.1
       react-merge-refs: 1.1.0
@@ -13014,7 +13022,7 @@ snapshots:
 
   dumi-assets-types@2.3.0: {}
 
-  dumi@2.4.7(@babel/core@7.25.2)(@swc/helpers@0.5.1)(@types/node@22.2.0)(@types/react@17.0.80)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1))):
+  dumi@2.4.7(@babel/core@7.25.2)(@swc/helpers@0.5.1)(@types/node@22.2.0)(@types/react@18.3.7)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1))):
     dependencies:
       '@ant-design/icons-svg': 4.4.2
       '@makotot/ghostui': 2.0.0(react@18.3.1)
@@ -13079,7 +13087,7 @@ snapshots:
       sass: 1.77.8
       sitemap: 7.1.2
       sucrase: 3.35.0
-      umi: 4.3.12(@babel/core@7.25.2)(@types/node@22.2.0)(@types/react@17.0.80)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(sass@1.77.8)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))
+      umi: 4.3.12(@babel/core@7.25.2)(@types/node@22.2.0)(@types/react@18.3.7)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(sass@1.77.8)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))
       unified: 10.1.2
       unist-util-visit: 4.1.2
       unist-util-visit-parents: 5.1.3
@@ -19012,14 +19020,14 @@ snapshots:
 
   typescript@5.5.4: {}
 
-  umi@4.3.12(@babel/core@7.25.2)(@types/node@22.2.0)(@types/react@17.0.80)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(sass@1.77.8)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1))):
+  umi@4.3.12(@babel/core@7.25.2)(@types/node@22.2.0)(@types/react@18.3.7)(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(lightningcss@1.22.1)(prettier@3.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@3.29.4)(sass@1.77.8)(stylelint@15.11.0(typescript@5.5.4))(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1))):
     dependencies:
       '@babel/runtime': 7.23.6
       '@umijs/bundler-utils': 4.3.12
       '@umijs/bundler-webpack': 4.3.12(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))
       '@umijs/core': 4.3.12
       '@umijs/lint': 4.3.12(eslint@8.57.0)(jest@29.7.0(@types/node@22.2.0)(ts-node@10.9.2(@swc/core@1.4.2(@swc/helpers@0.5.1))(@types/node@22.2.0)(typescript@5.5.4)))(stylelint@15.11.0(typescript@5.5.4))(typescript@5.5.4)
-      '@umijs/preset-umi': 4.3.12(@types/node@22.2.0)(@types/react@17.0.80)(lightningcss@1.22.1)(rollup@3.29.4)(sass@1.77.8)(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))
+      '@umijs/preset-umi': 4.3.12(@types/node@22.2.0)(@types/react@18.3.7)(lightningcss@1.22.1)(rollup@3.29.4)(sass@1.77.8)(terser@5.31.6)(type-fest@1.4.0)(typescript@5.5.4)(webpack@5.93.0(@swc/core@1.4.2(@swc/helpers@0.5.1)))
       '@umijs/renderer-react': 4.3.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@umijs/server': 4.3.12
       '@umijs/test': 4.3.12(@babel/core@7.25.2)
@@ -19220,11 +19228,11 @@ snapshots:
       punycode: 1.4.1
       qs: 6.13.0
 
-  use-isomorphic-layout-effect@1.1.2(@types/react@17.0.80)(react@18.3.1):
+  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.7)(react@18.3.1):
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 17.0.80
+      '@types/react': 18.3.7
 
   util-deprecate@1.0.2: {}