fix: Hide TanStack devtools in production

tommerty · tommerty · commit c14e9e3dc58d · 2025-10-27T19:49:38.000Z
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
@@ -56,18 +56,20 @@ function RootDocument({ children }: { children: React.ReactNode }) {
 			</head>
 			<body className="dark">
 				{children}
-				<TanStackDevtools
-					config={{
-						position: "bottom-right",
-					}}
-					plugins={[
-						{
-							name: "Tanstack Router",
-							render: <TanStackRouterDevtoolsPanel />,
-						},
-						TanStackQueryDevtools,
-					]}
-				/>
+				{process.env.NODE_ENV !== "production" && (
+					<TanStackDevtools
+						config={{
+							position: "bottom-right",
+						}}
+						plugins={[
+							{
+								name: "Tanstack Router",
+								render: <TanStackRouterDevtoolsPanel />,
+							},
+							TanStackQueryDevtools,
+						]}
+					/>
+				)}
 				<Scripts />
 			</body>
 		</html>
