🚑 hot fix: use react-helmet-async repacle react-helmet (#6182)

package.json

@@ -68,7 +68,7 @@
     "qs": "^6.9.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
-    "react-helmet": "^5.2.1",
+    "react-helmet-async": "^1.0.4",
     "umi": "^3.0.0",
     "umi-request": "^1.0.8",
     "use-merge-value": "^1.0.1"

src/layouts/UserLayout.tsx

@@ -1,5 +1,5 @@
 import { DefaultFooter, MenuDataItem, getMenuData, getPageTitle } from '@ant-design/pro-layout';
-import { Helmet } from 'react-helmet';
+import { Helmet, HelmetProvider } from 'react-helmet-async';
 import { Link, useIntl, ConnectProps, connect } from 'umi';
 import React from 'react';
 import SelectLang from '@/components/SelectLang';
@@ -35,7 +35,7 @@ const UserLayout: React.FC<UserLayoutProps> = props => {
     ...props,
   });
   return (
-    <>
+    <HelmetProvider>
       <Helmet>
         <title>{title}</title>
         <meta name="description" content={title} />
@@ -59,7 +59,7 @@ const UserLayout: React.FC<UserLayoutProps> = props => {
         </div>
         <DefaultFooter />
       </div>
-    </>
+    </HelmetProvider>
   );
 };