fix: should not render tanstack router devtool in production (#155)

riccox · Oct 23, 2024 · acac580 · acac580
1 parent 7ec60e8
commit acac580
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
@@ -1,5 +1,14 @@
 import { createRootRoute, Outlet } from '@tanstack/react-router';
-import { TanStackRouterDevtools } from '@tanstack/router-devtools';
+
+const TanStackRouterDevtools =
+  process.env.NODE_ENV === 'production'
+    ? () => null // Render nothing in production
+    : React.lazy(() =>
+        // Lazy load in development
+        import('@tanstack/router-devtools').then((res) => ({
+          default: res.TanStackRouterDevtools
+        })),
+      )
 
 export const Route = createRootRoute({
   component: () => (