feat: added react-query v5

BubbleDK · Aug 29, 2024 · 7302e5d · 7302e5d
1 parent e71bc19
commit 7302e5d
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 1 deletion.
diff --git a/web/package.json b/web/package.json
@@ -19,6 +19,7 @@
 		"@mantine/tiptap": "^6.0.21",
 		"@mantine/utils": "^6.0.21",
 		"@tabler/icons-react": "^3.12.0",
+		"@tanstack/react-query": "^5.52.2",
 		"@tiptap/core": "^2.1.11",
 		"@tiptap/extension-color": "^2.1.11",
 		"@tiptap/extension-highlight": "^2.1.11",

diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
diff --git a/web/src/main.tsx b/web/src/main.tsx
@@ -5,6 +5,7 @@ import App from "./App";
 import { isEnvBrowser } from "./utils/misc";
 import { HashRouter } from "react-router-dom";
 import "./index.css";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 if (isEnvBrowser()) {
 	const root = document.getElementById("root");
@@ -15,13 +16,25 @@ if (isEnvBrowser()) {
 	root!.style.backgroundPosition = "center";
 }
 
+export const queryClient = new QueryClient({
+	defaultOptions: {
+		queries: {
+			refetchOnWindowFocus: false,
+			refetchOnReconnect: false,
+			refetchOnMount: false,
+		},
+	},
+});
+
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
 	<React.StrictMode>
 		<MantineProvider
 			theme={{ colorScheme: "dark", fontFamily: "Nunito, sans-serif" }}
 		>
 			<HashRouter>
-				<App />
+				<QueryClientProvider client={queryClient}>
+					<App />
+				</QueryClientProvider>
 			</HashRouter>
 		</MantineProvider>
 	</React.StrictMode>