fix: fix typescript error

package.json

@@ -77,6 +77,7 @@
   "devDependencies": {
     "@ant-design/pro-cli": "^2.1.0",
     "@playwright/test": "^1.17.0",
+    "@types/classnames": "^2.3.1",
     "@types/express": "^4.17.0",
     "@types/history": "^4.7.0",
     "@types/jest": "^26.0.0",

src/components/NoticeIcon/NoticeList.tsx

@@ -61,13 +61,12 @@ const NoticeList: React.FC<NoticeIconTabProps> = ({
           ) : null;
 
           return (
-            <List.Item
+            <div
-              className={itemCls}
-              key={item.key || i}
               onClick={() => {
                 onClick?.(item);
               }}
             >
+              <List.Item className={itemCls} key={item.key || i}>
                 <List.Item.Meta
                   className={styles.meta}
                   avatar={leftIcon}
@@ -85,6 +84,7 @@ const NoticeList: React.FC<NoticeIconTabProps> = ({
                   }
                 />
               </List.Item>
+            </div>
           );
         }}
       />

src/components/RightContent/AvatarDropdown.tsx

@@ -7,6 +7,7 @@ import HeaderDropdown from '../HeaderDropdown';
 import styles from './index.less';
 import { outLogin } from '@/services/ant-design-pro/api';
 import type { MenuInfo } from 'rc-menu/lib/interface';
+import type { ItemType } from 'antd/lib/menu/hooks/useItems';
 
 export type GlobalHeaderRightProps = {
   menu?: boolean;
@@ -68,7 +69,7 @@ const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu }) => {
     return loading;
   }
 
-  const menuItems = [
+  const menuItems: ItemType[] = [
     ...(menu
       ? [
           {
@@ -82,7 +83,7 @@ const AvatarDropdown: React.FC<GlobalHeaderRightProps> = ({ menu }) => {
             label: '个人设置',
           },
           {
-            type: 'divider',
+            type: 'divider' as const,
           },
         ]
       : []),