22 lines
787 B
TypeScript
22 lines
787 B
TypeScript
import { QueryClientProvider } from "@tanstack/react-query";
|
|
import { useState } from "react";
|
|
import { createBrowserRouter, RouterProvider } from "react-router";
|
|
import { makeQueryClient } from "./api/queryClient.ts";
|
|
import { AuthGate } from "./auth/AuthGate.tsx";
|
|
import { routes } from "./routes.tsx";
|
|
import "./styles/theme.css";
|
|
import "./styles/base.css";
|
|
import "./styles/controls.css";
|
|
|
|
type Router = ReturnType<typeof createBrowserRouter>;
|
|
|
|
export function App({ router }: { router?: Router }) {
|
|
const [client] = useState(makeQueryClient);
|
|
const [r] = useState(() => router ?? createBrowserRouter(routes, { basename: "/app" }));
|
|
return (
|
|
<QueryClientProvider client={client}>
|
|
<AuthGate><RouterProvider router={r} /></AuthGate>
|
|
</QueryClientProvider>
|
|
);
|
|
}
|