Update various packages and fix eslint-parser

.eslintrc.js

@@ -4,7 +4,13 @@ module.exports = {
         "node": true,
         "browser": true
     },
-    "parser": "babel-eslint",
+    "parser": "@babel/eslint-parser",
+    "parserOptions": {
+      "requireConfigFile": false,
+      "babelOptions": {
+        "presets": ["@babel/preset-react"]
+      }
+    },
     "extends": "eslint:recommended",
     "rules": {
         "indent": [

package.json

@@ -52,8 +52,13 @@
   },
   "proxy": "http://localhost:3001",
   "devDependencies": {
+    "@babel/core": "^7.17.5",
+    "@babel/eslint-parser": "^7.17.0",
+    "@babel/preset-react": "^7.16.7",
+    "babel-eslint": "^10.1.0",
     "enzyme": "^3.8.0",
-    "enzyme-adapter-react-16": "^1.9.1"
+    "enzyme-adapter-react-16": "^1.9.1",
+    "eslint": "^8.10.0"
   },
   "browserslist": [
     ">0.2%",

src/VasagatanTracker.js

@@ -1,12 +1,11 @@
 import React from 'react';
 import Year from './pages/Year';
 import { HashRouter as Router, Route, Redirect } from 'react-router-dom';
-import { createMuiTheme } from '@mui/material/styles';
-import MuiThemeProvider from '../node_modules/@mui/material/es/styles/MuiThemeProvider';
-import blueGrey from '@mui/material/colors/blueGrey';
-import CssBaseline from '../node_modules/@mui/material/CssBaseline/CssBaseline';
+import { ThemeProvider, createTheme } from '@mui/material/styles';
+import { blueGrey } from '@mui/material/colors';
+import CssBaseline from '@mui/material/CssBaseline';
 
-const theme = createMuiTheme({
+const theme = createTheme({
     palette: {
         primary: {
             main: '#ff6cac',
@@ -31,7 +30,7 @@ class VasagatanTracker extends React.Component {
         return (
             <div>
                 <CssBaseline />
-                <MuiThemeProvider theme={theme}>
+                <ThemeProvider theme={theme}>
                     <Router>
                         <div>
                             <Route exact path='/' render={() => <Redirect to={`/year/${year}`}/>}/>
@@ -41,7 +40,7 @@ class VasagatanTracker extends React.Component {
                             </Route>
                         </div>
                     </Router>
-                </MuiThemeProvider>
+                </ThemeProvider>
             </div>
         );
     }