Upgrade react router to v6 (#1016)

* Remove last-location

* Upgrade react-router

Fix upgrade

* Fix router inside router error

Co-authored-by: Aidan Grimshaw <grimshawaidan@gmail.com>

package.json

@@ -24,8 +24,8 @@
     "react-hook-form": "^7.22.5",
     "react-number-format": "^4.9.3",
     "react-redux": "^8.0.2",
-    "react-router": "^5.3.1",
-    "react-router-dom": "^5.3.3",
+    "react-router": "^6.3.0",
+    "react-router-dom": "^6.3.0",
     "react-scripts": "^4.0.3",
     "redux": "^4.2.0",
     "redux-logger": "^3.0.6",

src/App.tsx

@@ -1,11 +1,46 @@
-import { ReactElement } from 'react'
+import { ReactElement, useMemo } from 'react'
 import Main from './components/Main'
 import './App.css'
+import { createTheme, ThemeProvider, useMediaQuery } from '@material-ui/core'
 
-const App = (): ReactElement => (
-  <div className="App">
-    <Main />
-  </div>
-)
+const App = (): ReactElement => {
+  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)')
+
+  const theme = useMemo(
+    () =>
+      createTheme({
+        palette: {
+          secondary: prefersDarkMode
+            ? {
+                light: '#4f5b62',
+                main: '#d5d5d5',
+                dark: '#000a12',
+                contrastText: '#ffffff'
+              }
+            : {
+                light: '#4f5b62',
+                main: '#263238',
+                dark: '#000a12',
+                contrastText: '#ffffff'
+              },
+          primary: {
+            light: '#66ffa6',
+            main: '#00e676',
+            dark: '#00b248',
+            contrastText: '#000000'
+          }
+        }
+      }),
+    [prefersDarkMode]
+  )
+
+  return (
+    <div className="App">
+      <ThemeProvider theme={theme}>
+        <Main />
+      </ThemeProvider>
+    </div>
+  )
+}
 
 export default App