diff --git a/src/App.tsx b/src/App.tsx index 127c4823dc8cb8818fe7c9acf65fea3569add3eb..eca00b1654c76ba941f7fdc8d98b3b0775752a0d 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -25,10 +25,11 @@ import { CreateIOCAccessControl } from "./views/IOC/CreateIOCAccessControl"; import { UserDetailsAccessControl } from "./views/UserPage/UserDetailsAccessControl"; import { ReduxProvider } from "./store/ReduxProvider"; import env from "./config/env"; +import { GlobalAppBarContext as GlobalAppBarContextType } from "./types/common"; // setting up the application (TAB)title function App() { - const { setTitle } = useContext(GlobalAppBarContext); + const { setTitle } = useContext<GlobalAppBarContextType>(GlobalAppBarContext); useEffect(() => setTitle(applicationTitle()), [setTitle]); return ( @@ -37,7 +38,7 @@ function App() { <BrowserRouter> <SnackbarProvider preventDuplicate - maxSnack="5" + maxSnack={5} > <StyledEngineProvider injectFirst> <ThemeProvider theme={theme}> @@ -49,75 +50,62 @@ function App() { <Route path="/" element={<Navigate to="/iocs" />} - exact /> <Route path="/records" element={<RecordListView />} - exact /> <Route path="/records/:name" element={<RecordDetailsView />} - exact /> <Route path="/iocs/create" element={<CreateIOCAccessControl />} - exact /> <Route path="/iocs/:id" - element={<IOCDetailsAccessControl exact />} + element={<IOCDetailsAccessControl />} /> <Route path="/iocs" element={<IOCListView />} - exact /> <Route path="/jobs" element={<JobLogAccessControl />} - exact /> <Route path="/jobs/:id" - element={<JobDetailsAccessControl exact />} + element={<JobDetailsAccessControl />} /> <Route path="/hosts/:id" element={<HostDetailsAccessControl />} - exact /> <Route path="/hosts" element={<HostListView />} - exact /> <Route path="/help" element={<HelpView />} - exact /> <Route path="/login" element={<LoginView />} - exact /> <Route path="/error-test" element={<TestErrorView />} - exact /> <Route path="/user/:userName" element={<UserDetailsAccessControl />} - exact /> <Route path="*" element={<NotFoundView />} - exact /> </Routes> </NavigationMenu> diff --git a/src/index.tsx b/src/index.tsx index 2e8d054f9078eb509530d2e918fa5231c1eaef16..b9170974d28b5828c70b1060d2019e9786ee2584 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -7,10 +7,14 @@ import App from "./App"; LicenseInfo.setLicenseKey(import.meta.env.VITE_APP_MUI_PRO_LICENSE_KEY); const container = document.getElementById("root"); -const root = createRoot(container); +if (container) { + const root = createRoot(container); -root.render( - <StrictMode> - <App /> - </StrictMode> -); + root.render( + <StrictMode> + <App /> + </StrictMode> + ); +} else { + throw new Error("No root element found"); +}