48 lines
1.7 KiB
TypeScript
48 lines
1.7 KiB
TypeScript
import { LoadingOverlay, TailwindIndicator } from "@repo/rdx-ui/components";
|
|
import { Toaster, TooltipProvider } from "@repo/shadcn-ui/components";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
|
|
import { Suspense } from "react";
|
|
import { I18nextProvider } from "react-i18next";
|
|
|
|
import { createAxiosDataProvider } from "@/lib/axios/create-axios-data-provider";
|
|
import { DataSourceProvider, ThemeProvider, UnsavedWarnProvider } from "@/lib/hooks";
|
|
import { i18n } from "@/locales";
|
|
|
|
import "./App.css";
|
|
import { Routes } from "./routes";
|
|
|
|
function App() {
|
|
const queryClient = new QueryClient({
|
|
defaultOptions: {
|
|
queries: {
|
|
retry: false,
|
|
staleTime: 10000, // Specify a staleTime to only fetch when the data is older than a certain amount of time
|
|
},
|
|
},
|
|
});
|
|
|
|
return (
|
|
<I18nextProvider i18n={i18n}>
|
|
<QueryClientProvider client={queryClient}>
|
|
<DataSourceProvider dataSource={createAxiosDataProvider(import.meta.env.VITE_API_URL)}>
|
|
<ThemeProvider defaultTheme='light' storageKey='vite-ui-theme'>
|
|
<TooltipProvider delayDuration={0}>
|
|
<UnsavedWarnProvider>
|
|
<Suspense fallback={<LoadingOverlay />}>
|
|
<Routes />
|
|
</Suspense>
|
|
</UnsavedWarnProvider>
|
|
</TooltipProvider>
|
|
<Toaster />
|
|
<TailwindIndicator />
|
|
{import.meta.env.MODE === "development" && <ReactQueryDevtools initialIsOpen={false} />}
|
|
</ThemeProvider>
|
|
</DataSourceProvider>
|
|
</QueryClientProvider>
|
|
</I18nextProvider>
|
|
);
|
|
}
|
|
|
|
export default App;
|