Merge pull request #23 from bcgsc/fix/KBDEV-960-fix-auth

fix: replace auth with simiplier updated solution

package.json

@@ -35,7 +35,7 @@
     "json-cycle": "^1.3.0",
     "jsonwebtoken": "^8.3.0",
     "jss": "^10.1.1",
-    "keycloak-js": "^4.8.2",
+    "keycloak-js": "~12.0.4",
     "lodash.isobject": "^3.0.2",
     "lodash.merge": "^4.6.2",
     "lodash.omit": "^4.5.0",
@@ -47,8 +47,8 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-google-charts": "^3.0.15",
-    "react-query": "^1.5.7",
-    "react-router-dom": "^5.2.0",
+    "react-query": "^2.26.4",
+    "react-router-dom": "~5.3.0",
     "react-select": "^2.4.4",
     "slugify": "^1.4.0",
     "use-debounce": "^3.4.2",

src/App.js

@@ -13,6 +13,8 @@ import { SnackbarProvider } from 'notistack';
 import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
 
+import { AuthProvider } from '@/components/Auth';
+
 import * as cssTheme from './_theme.scss';
 import MainView from './views/MainView';
 
@@ -78,7 +80,9 @@ function App() {
       <MuiThemeProvider theme={theme}>
         <SnackbarProvider anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}>
           <BrowserRouter basename={window._env_.PUBLIC_PATH}>
-            <MainView />
+            <AuthProvider>
+              <MainView />
+            </AuthProvider>
           </BrowserRouter>
         </SnackbarProvider>
       </MuiThemeProvider>