From ca23a32b2c934ba02759cb072a028d5857a7a077 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=B8=85?= <qixian.cs@outlook.com>
Date: Mon, 23 Mar 2020 15:45:58 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=91=20hot=20fix:=20use=20react-helmet-?=
 =?UTF-8?q?async=20repacle=20react-helmet=20(#6182)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json               | 2 +-
 src/layouts/UserLayout.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 17aa2067..8555832f 100644
--- a/package.json
+++ b/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"
diff --git a/src/layouts/UserLayout.tsx b/src/layouts/UserLayout.tsx
index 874eba33..81fd9b4b 100644
--- a/src/layouts/UserLayout.tsx
+++ b/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>
   );
 };