feat(frontend): Add default error handling to queries and mutations (#5360)

This commit is contained in:
sp.wack 2024-12-02 20:08:24 +04:00 committed by GitHub
parent d96118af4d
commit 96c429df00
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -11,7 +11,12 @@ import { hydrateRoot } from "react-dom/client";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import posthog from "posthog-js"; import posthog from "posthog-js";
import "./i18n"; import "./i18n";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; import {
QueryCache,
QueryClient,
QueryClientProvider,
} from "@tanstack/react-query";
import toast from "react-hot-toast";
import store from "./store"; import store from "./store";
import { useConfig } from "./hooks/query/use-config"; import { useConfig } from "./hooks/query/use-config";
import { AuthProvider } from "./context/auth-context"; import { AuthProvider } from "./context/auth-context";
@ -45,7 +50,20 @@ async function prepareApp() {
} }
} }
const queryClient = new QueryClient(); const queryClient = new QueryClient({
queryCache: new QueryCache({
onError: (error) => {
toast.error(error.message);
},
}),
defaultOptions: {
mutations: {
onError: (error) => {
toast.error(error.message);
},
},
},
});
prepareApp().then(() => prepareApp().then(() =>
startTransition(() => { startTransition(() => {