fix: limit devtools panel to dev mode

2025-12-06 01:14:22 -06:00 · 2025-09-13 21:35:29 -05:00
parent 08ae54c093
commit 91899bb109
1 changed files with 13 additions and 11 deletions
--- a/web/src/routes/__root.tsx
+++ b/web/src/routes/__root.tsx
@@ -15,17 +15,19 @@ export const Route = createRootRoute({
    >
      <Theme accentColor="blue" grayColor="gray">
        <Outlet />
-        <TanstackDevtools
-          config={{
-            position: "bottom-left",
-          }}
-          plugins={[
-            {
-              name: "Tanstack Router",
-              render: <TanStackRouterDevtoolsPanel />,
-            },
-          ]}
-        />
+        {import.meta.env.DEV ? (
+          <TanstackDevtools
+            config={{
+              position: "bottom-left",
+            }}
+            plugins={[
+              {
+                name: "Tanstack Router",
+                render: <TanStackRouterDevtoolsPanel />,
+              },
+            ]}
+          />
+        ) : null}
      </Theme>
    </ThemeProvider>
  ),