diff --git a/web/src/components/PromLayout/SiderMenu/SiderMenu.tsx b/web/src/components/PromLayout/SiderMenu/SiderMenu.tsx
index 61e1e4ba..c104b40c 100644
--- a/web/src/components/PromLayout/SiderMenu/SiderMenu.tsx
+++ b/web/src/components/PromLayout/SiderMenu/SiderMenu.tsx
@@ -1,13 +1,12 @@
 import { useContext, FC, useState, useEffect } from 'react'
 
-import type { ItemType } from 'antd/es/menu/hooks/useItems'
-
 import { Button, Menu } from 'antd'
 import { useLocation, useNavigate } from 'react-router-dom'
 import { GlobalContext } from '@/context'
 
 import styles from './style/index.module.less'
 import { LeftOutlined, RightOutlined } from '@ant-design/icons'
+import { ItemType } from 'antd/es/menu/interface'
 
 export type SiderMenuProps = {
     items?: ItemType[]
diff --git a/web/src/context.tsx b/web/src/context.tsx
index a44acc47..c28fcf03 100644
--- a/web/src/context.tsx
+++ b/web/src/context.tsx
@@ -1,9 +1,9 @@
 import { createContext } from 'react'
 import { SizeType } from 'antd/es/config-provider/SizeContext'
-import type { ItemType } from 'antd/es/menu/hooks/useItems'
 import type { SpaceType } from './pages'
 import { UserListItem } from './apis/home/system/user/types'
 import { breadcrumbNameType } from './pages/menus'
+import { ItemType } from 'antd/es/menu/interface'
 
 export type ThemeType = 'light' | 'dark'
 
diff --git a/web/src/pages/menus.tsx b/web/src/pages/menus.tsx
index 47cbd1c2..5eaf234c 100644
--- a/web/src/pages/menus.tsx
+++ b/web/src/pages/menus.tsx
@@ -1,5 +1,5 @@
-import type { ItemType } from 'antd/es/menu/hooks/useItems'
 import { IconFont } from '@/components/IconFont/IconFont'
+import { ItemType } from 'antd/es/menu/interface'
 
 export const defaultMenuItems: ItemType[] = [
     {