frontAnswerer/src/main.tsx

import { createRoot } from "react-dom/client";
import { RouterProvider, createBrowserRouter } from "react-router-dom";
import App from "./App";
import { StrictMode, lazy } from "react";


const routes = [
    {
        path: "/",
        children: [
            {
                index: true,
                element: <App />,
            },
            {
                path: ":quizId",
                element: <App />,
            },
        ]
    }
];

if (import.meta.env.DEV) {
    const WidgetDev = lazy(() => import("./WidgetDev"));

    routes[0].children.push({
        path: "widgetdev",
        element: (
            <StrictMode>
                <WidgetDev />
            </StrictMode>
        )
    });
}

const router = createBrowserRouter(routes);

const root = createRoot(document.getElementById("root")!);

root.render(
    <StrictMode>
        <RouterProvider router={router} />
    </StrictMode>
);