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 CreateScope from "./create/createScope";
import CreateQuestion from "./create/createQuestion";

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

  // <React.StrictMode>
    <ChakraProvider>
    <SnackbarProvider maxSnack={3}>
        <BrowserRouter>
        <Routes>
            <Route path="/">
                <Route element={<CreateScope/>} path="/createScope"/>
            </Route>
            <Route element={<CreateQuestion/>} path="kit"/>
        </Routes>
        </BrowserRouter>
    </SnackbarProvider>
</ChakraProvider>
  // </React.StrictMode>
);