Use vite to detech production mode

src/routes/__root.tsx

@@ -1,17 +1,16 @@
 import { createRootRoute, Outlet } from "@tanstack/react-router";
 import React from "react";
 
-const TanStackRouterDevtools =
+const TanStackRouterDevtools = import.meta.env.PROD
-  process.env.NODE_ENV === "production"
+  ? () => null // Render nothing in production
-    ? () => null // Render nothing in production
+  : React.lazy(() =>
-    : React.lazy(() =>
+      // Lazy load in development
-        // Lazy load in development
+      import("@tanstack/router-devtools").then((res) => ({
-        import("@tanstack/router-devtools").then((res) => ({
+        default: res.TanStackRouterDevtools,
-          default: res.TanStackRouterDevtools,
+        // For Embedded Mode
-          // For Embedded Mode
+        // default: res.TanStackRouterDevtoolsPanel
-          // default: res.TanStackRouterDevtoolsPanel
+      }))
-        }))
+    );
-      );
 
 export const Route = createRootRoute({
   component: () => {