amati/apps/frontend/src/App.tsx
2024-06-25 02:08:29 +07:00

42 lines
987 B
TypeScript

import { RouterProvider, createRouter } from "@tanstack/react-router";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { MantineProvider } from "@mantine/core";
import { Notifications } from "@mantine/notifications";
import { routeTree } from "./routeTree.gen";
import "@mantine/core/styles.css";
import "@mantine/notifications/styles.css";
import "@mantine/dates/styles.css";
import { AuthProvider } from "./contexts/AuthContext";
const queryClient = new QueryClient();
const router = createRouter({
routeTree,
context: { queryClient: queryClient },
defaultPreloadStaleTime: 0,
});
declare module "@tanstack/react-router" {
interface Register {
router: typeof router;
}
}
function App() {
return (
<MantineProvider>
<Notifications />
<QueryClientProvider client={queryClient}>
<AuthProvider>
<RouterProvider router={router} />
</AuthProvider>
</QueryClientProvider>
</MantineProvider>
);
}
export default App;