Updated react-router-dom and fixed emerging bugs

package.json

@@ -34,7 +34,7 @@
     "react-redux": "^7.2.6",
     "react-resizable": "^1.7.5",
     "react-resizable-box": "^2.1.0",
-    "react-router-dom": "^4.3.1",
+    "react-router-dom": "^6.2.2",
     "react-scripts": "^5.0.0",
     "react-timeseries-charts": "^0.16.1",
     "recharts": "^2.1.9",

src/VasagatanTracker.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import Year from './pages/Year';
-import { HashRouter as Router, Route, Redirect } from 'react-router-dom';
+import { HashRouter as Router, Route, Routes, Navigate } from 'react-router-dom';
 import { ThemeProvider, createTheme } from '@mui/material/styles';
 import { blueGrey } from '@mui/material/colors';
 import CssBaseline from '@mui/material/CssBaseline';
@@ -32,13 +32,10 @@ class VasagatanTracker extends React.Component {
                 <CssBaseline />
                 <ThemeProvider theme={theme}>
                     <Router>
-                        <div>
-                            <Route exact path='/' render={() => <Redirect to={`/year/${year}`}/>}/>
-                            <Route path='/year/:year' render={({ match }) =>
-                                <Year store={this.props.store} year={match.params.year}/>
-                            }>
-                            </Route>
-                        </div>
+                        <Routes>
+                            <Route path='/' element={<Navigate to={`/year/${year}`}/>}/>
+                            <Route path='/year/:year/*' element={<Year store={this.props.store}/>}/>
+                        </Routes>
                     </Router>
                 </ThemeProvider>
             </div>

src/components/Feat.js

@@ -93,6 +93,11 @@ class Feat extends React.Component {
         return <Slide direction="up" {...props} />;
     };
 
+    Transition = React.forwardRef(function Transition(props, ref) {
+        return <Slide direction="up" ref={ref} {...props} />;
+    });
+
+
     render() {
         const state = this.props.store.getState();
         const user = state.user;