2022-05-11 18:47:31 -04:00
|
|
|
import { ChakraProvider } from "@chakra-ui/react";
|
2023-07-20 01:11:41 -04:00
|
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
|
|
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
|
2022-05-11 18:47:31 -04:00
|
|
|
import { RawIntlProvider } from "react-intl";
|
2023-07-20 01:11:41 -04:00
|
|
|
|
|
|
|
import { AuthProvider, LocaleProvider } from "src/context";
|
|
|
|
import { intl } from "src/locale";
|
2022-05-11 18:47:31 -04:00
|
|
|
|
|
|
|
import Router from "./Router";
|
|
|
|
import lightTheme from "./theme/customTheme";
|
|
|
|
|
|
|
|
// Create a client
|
|
|
|
const queryClient = new QueryClient();
|
|
|
|
|
|
|
|
function App() {
|
|
|
|
return (
|
|
|
|
<RawIntlProvider value={intl}>
|
|
|
|
<LocaleProvider>
|
|
|
|
<QueryClientProvider client={queryClient}>
|
|
|
|
<ChakraProvider theme={lightTheme}>
|
|
|
|
<AuthProvider>
|
|
|
|
<Router />
|
|
|
|
</AuthProvider>
|
|
|
|
</ChakraProvider>
|
2023-07-20 01:11:41 -04:00
|
|
|
<ReactQueryDevtools position="bottom-right" panelPosition="right" />
|
2022-05-11 18:47:31 -04:00
|
|
|
</QueryClientProvider>
|
|
|
|
</LocaleProvider>
|
|
|
|
</RawIntlProvider>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default App;
|