migrating routes to ts

src/components/shared/mui/tabs/tabs.component.jsx

@@ -8,7 +8,7 @@ import TabContext from '@mui/lab/TabContext';
 import TabList from '@mui/lab/TabList';
 import TabPanel from '@mui/lab/TabPanel';
 
-export default function ItemTabs({ outerBoxStyles, innerBoxStyles, tabList, panelList }) {
+export default function ItemTabs({ outerBoxStyles={}, innerBoxStyles={}, tabList, panelList }) {
   const [value, setValue] = useState(tabList[0].value);
 
   const handleChange = (event, newValue) => {

src/index.js → src/index.tsx

@@ -27,7 +27,7 @@ import { DashboardProvider as DashboardProviderSignedIn } from './contexts/signe
 import { ExportsProvider } from './contexts/signed-in/exports/exports.context';
 
 import { Provider } from 'react-redux';
-import { persistor, store } from "./store/store"
+import { store } from "./store/store"
 import { PersistGate } from 'redux-persist/integration/react';
 
 import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
@@ -37,7 +37,7 @@ import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
 //   cache: new InMemoryCache()
 // })
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById('root')!);
 root.render(
   <React.StrictMode>
     <Provider store={ store }>

src/routes/shared/navigation/navigation.component.jsx → src/routes/shared/navigation/navigation.component.tsx

@@ -3,7 +3,7 @@ import { Outlet } from "react-router-dom";
 
 import "./navigation.styles.jsx";
 import { DrawerContainer } from "./navigation.styles.jsx";
-import MiniDrawer from "../../../components/shared/mui/drawer/drawer.component";
+import MiniDrawer from "../../../components/shared/mui/drawer/drawer.component.jsx";
 import { NAV_LINKS } from "../../../utils/constants/shared.constants.js";
 
 import { useSelector } from "react-redux";