From b991d71be669480ca87c20702d2aee2381766d85 Mon Sep 17 00:00:00 2001
From: DAC <me@dac098.me>
Date: Fri, 6 Mar 2026 13:53:10 -0800
Subject: [PATCH] hide tanstack dev tools

currently in production the tanstack dev tools button is visible on the
main page eventhough the tools themselves are disabled. this will hide
the button in non DEV builds of the client application.
---
 codewit/client/src/main.tsx | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/codewit/client/src/main.tsx b/codewit/client/src/main.tsx
index 626c6a0..537c2c3 100644
--- a/codewit/client/src/main.tsx
+++ b/codewit/client/src/main.tsx
@@ -24,20 +24,24 @@ root.render(
       <App />
       <ToastContainer position="bottom-right" autoClose={1000} />
     </BrowserRouter>
-    <TanStackDevtools
-      plugins={[
-        {
-          name: "TanStack Query",
-          render: <ReactQueryDevtoolsPanel/>,
-          defaultOpen: true,
-        },
-        {
-          name: "TanStack Form",
-          render: <FormDevtoolsPanel/>,
-          defaultOpen: false,
-        },
-      ]}
-    />
+    {import.meta.env.DEV ?
+      <TanStackDevtools
+        plugins={[
+          {
+            name: "TanStack Query",
+            render: <ReactQueryDevtoolsPanel/>,
+            defaultOpen: true,
+          },
+          {
+            name: "TanStack Form",
+            render: <FormDevtoolsPanel/>,
+            defaultOpen: false,
+          },
+        ]}
+      />
+      :
+      null
+    }
   </QueryClientProvider>
   // </StrictMode>
 );