diff --git a/surfsense_web/lib/query-client/query-client.provider.tsx b/surfsense_web/lib/query-client/query-client.provider.tsx
index 453b9f531..6dc2a4258 100644
--- a/surfsense_web/lib/query-client/query-client.provider.tsx
+++ b/surfsense_web/lib/query-client/query-client.provider.tsx
@@ -1,13 +1,18 @@
 "use client";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import dynamic from "next/dynamic";
 import { QueryClientAtomProvider } from "jotai-tanstack-query/react";
 import { queryClient } from "./client";
 
+const ReactQueryDevtools = dynamic(
+	() => import("@tanstack/react-query-devtools").then((m) => ({ default: m.ReactQueryDevtools })),
+	{ ssr: false }
+);
+
 export function ReactQueryClientProvider({ children }: { children: React.ReactNode }) {
 	return (
 		<QueryClientAtomProvider client={queryClient}>
 			{children}
-			<ReactQueryDevtools initialIsOpen={false} />
+			{process.env.NODE_ENV === "development" && <ReactQueryDevtools initialIsOpen={false} />}
 		</QueryClientAtomProvider>
 	);
 }