From d82e7efb59a6609956afcda3f23e282df03605b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20Valverd=C3=A9?= <julien.valverde@mailo.com>
Date: Fri, 12 Jul 2024 02:54:51 +0200
Subject: [PATCH] TanStackRouterDevtools

---
 packages/webui/src/routes/__root.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/webui/src/routes/__root.tsx b/packages/webui/src/routes/__root.tsx
index 15223eb..1cfcd30 100644
--- a/packages/webui/src/routes/__root.tsx
+++ b/packages/webui/src/routes/__root.tsx
@@ -1,4 +1,12 @@
 import { Outlet, createRootRoute } from "@tanstack/react-router"
+import { Suspense, lazy } from "react"
+
+
+const TanStackRouterDevtools = process.env.NODE_ENV === "production"
+    ? () => null
+    : lazy(() => import("@tanstack/router-devtools").then(res => ({
+        default: res.TanStackRouterDevtools
+    })))
 
 
 export const Route = createRootRoute({ component: Root })
@@ -8,5 +16,7 @@ export function Root() {
         <div className="container mx-auto">
             <Outlet />
         </div>
+
+        <Suspense><TanStackRouterDevtools /></Suspense>
     </>
 }