perf(react-helm): migrate react-helmet to react-helmet-async

- uninstall react-helmet and @types/react-helmet
- install react-helmet-async
- update index.js
and PageTitle for migration

re #22

client/package.json

@@ -25,7 +25,7 @@
     "react-draft-wysiwyg": "^1.14.7",
     "react-ga": "^3.3.0",
     "react-google-recaptcha": "^2.1.0",
-    "react-helmet": "6.1.0",
+    "react-helmet-async": "^1.1.2",
     "react-hook-form": "^7.16.1",
     "react-icons": "^4.2.0",
     "react-query": "^3.24.4",
@@ -64,7 +64,6 @@
     "@types/html-to-draftjs": "^1.4.0",
     "@types/react-draft-wysiwyg": "^1.13.2",
     "@types/react-google-recaptcha": "^2.1.2",
-    "@types/react-helmet": "^6.1.2",
     "@types/react-router-dom": "^5.3.0",
     "@types/styled-components": "^5.1.14",
     "@typescript-eslint/eslint-plugin": "^4.32.0",

client/src/components/PageTitle/PageTitle.component.tsx

@@ -1,4 +1,4 @@
-import Helmet from 'react-helmet'
+import { Helmet } from 'react-helmet-async'
 
 const PageTitle = ({
   title,

client/src/index.js

@@ -4,6 +4,7 @@ import { BrowserRouter } from 'react-router-dom'
 import { QueryClient, QueryClientProvider } from 'react-query'
 import { ReactQueryDevtools } from 'react-query/devtools'
 import ScrollToTop from './components/ScrollToTop/ScrollToTop.component'
+import { HelmetProvider } from 'react-helmet-async'
 
 import App from './App'
 
@@ -16,7 +17,9 @@ ReactDOM.render(
       <ReactQueryDevtools initialIsOpen={false} />
       <BrowserRouter>
         <ScrollToTop />
-        <App />
+        <HelmetProvider>
+          <App />
+        </HelmetProvider>
       </BrowserRouter>
     </QueryClientProvider>
   </React.StrictMode>,