frontPanel/src/index.tsx

import React from 'react';
import ReactDOM from 'react-dom/client';
import {BrowserRouter, Routes, Route } from "react-router-dom";
import { ChakraProvider } from '@chakra-ui/react';
import { SnackbarProvider } from 'notistack';

import Kit from "./kit";
import Create from "./create";

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(

  <React.StrictMode>
      <ChakraProvider>
          <SnackbarProvider maxSnack={3}>
              <BrowserRouter>
                      <Routes>
                          <Route path="/">
                              <Route element={<Create/>} path="/create"/>
                          </Route>
                          <Route element={<Kit/>} path="kit"/>
                      </Routes>
              </BrowserRouter>
          </SnackbarProvider>
        </ChakraProvider>
  </React.StrictMode>
);