React

frontend/src/App.tsx

@@ -0,0 +1,28 @@
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { RawIntlProvider } from "react-intl";
+import { AuthProvider, LocaleProvider, ThemeProvider } from "src/context";
+import { intl } from "src/locale";
+import Router from "src/Router.tsx";
+
+// Create a client
+const queryClient = new QueryClient();
+
+function App() {
+	return (
+		<RawIntlProvider value={intl}>
+			<LocaleProvider>
+				<ThemeProvider>
+					<QueryClientProvider client={queryClient}>
+						<AuthProvider>
+							<Router />
+						</AuthProvider>
+						<ReactQueryDevtools buttonPosition="bottom-right" position="right" />
+					</QueryClientProvider>
+				</ThemeProvider>
+			</LocaleProvider>
+		</RawIntlProvider>
+	);
+}
+
+export default App;