Merge branch 'master' into refactor/use-biome

src/app.tsx

@@ -1,5 +1,6 @@
 import { LinkOutlined } from '@ant-design/icons';
 import type { Settings as LayoutSettings } from '@ant-design/pro-components';
+import { App } from 'antd';
 import { SettingDrawer } from '@ant-design/pro-components';
 import type { RunTimeLayoutConfig } from '@umijs/max';
 import { history, Link } from '@umijs/max';
@@ -148,3 +149,7 @@ export const layout: RunTimeLayoutConfig = ({
 export const request = {
   ...errorConfig,
 };
+
+export function rootContainer(container: React.ReactNode) {
+  return <App>{container}</App>;
+}

src/pages/User/Login/index.tsx

@@ -20,7 +20,7 @@ import {
   useIntl,
   useModel,
 } from '@umijs/max';
-import { Alert, message, Tabs } from 'antd';
+import { App, Alert, Tabs } from 'antd';
 import { createStyles } from 'antd-style';
 import React, { useState } from 'react';
 import { flushSync } from 'react-dom';
@@ -116,6 +116,7 @@ const Login: React.FC = () => {
   const [type, setType] = useState<string>('account');
   const { initialState, setInitialState } = useModel('@@initialState');
   const { styles } = useStyles();
+  const { message } = App.useApp();
   const intl = useIntl();
 
   const fetchUserInfo = async () => {