ui: Update React dependencies

This change updates the React dependencies to version 17, in order to
keep up to date with React.

1 files changed, 10 insertions, 11 deletions

diff --git a/opendc-web/opendc-web-ui/src/pages/Projects.js b/opendc-web/opendc-web-ui/src/pages/Projects.js
index f759073f..5e642a03 100644
--- a/opendc-web/opendc-web-ui/src/pages/Projects.js
+++ b/opendc-web/opendc-web-ui/src/pages/Projects.js
@@ -1,5 +1,4 @@
 import React, { useEffect } from 'react'
-import DocumentTitle from 'react-document-title'
 import { useDispatch } from 'react-redux'
 import { fetchAuthorizationsOfCurrentUser } from '../actions/users'
 import ProjectFilterPanel from '../components/projects/FilterPanel'
@@ -7,24 +6,24 @@ import NewProjectModal from '../containers/modals/NewProjectModal'
 import NewProjectButtonContainer from '../containers/projects/NewProjectButtonContainer'
 import VisibleProjectList from '../containers/projects/VisibleProjectAuthList'
 import AppNavbarContainer from '../containers/navigation/AppNavbarContainer'
+import { useDocumentTitle } from '../util/hooks'
 
 function Projects() {
     const dispatch = useDispatch()
 
     useEffect(() => dispatch(fetchAuthorizationsOfCurrentUser()))
+    useDocumentTitle('My Projects - OpenDC')
 
     return (
-        <DocumentTitle title="My Projects - OpenDC">
-            <div className="full-height">
-                <AppNavbarContainer fullWidth={false} />
-                <div className="container text-page-container full-height">
-                    <ProjectFilterPanel />
-                    <VisibleProjectList />
-                    <NewProjectButtonContainer />
-                </div>
-                <NewProjectModal />
+        <div className="full-height">
+            <AppNavbarContainer fullWidth={false} />
+            <div className="container text-page-container full-height">
+                <ProjectFilterPanel />
+                <VisibleProjectList />
+                <NewProjectButtonContainer />
             </div>
-        </DocumentTitle>
+            <NewProjectModal />
+        </div>
     )
 }