docs: add router-devtools (#1264)

alexanbj · web-flow · commit b4c21c141afe · 2025-03-31T10:34:57.000+02:00
diff --git a/apps/docs/app/routes/__root.tsx b/apps/docs/app/routes/__root.tsx
@@ -4,6 +4,7 @@ import {
   Scripts,
   createRootRoute,
 } from '@tanstack/react-router';
+import { TanStackRouterDevtools } from '@tanstack/react-router-devtools';
 
 export const Route = createRootRoute({
   head: () => ({
@@ -29,6 +30,7 @@ function RootDocument() {
       {/* Setting the body position to relative enables setting the backdrop on expanded menu */}
       <body className="relative">
         <Outlet />
+        <TanStackRouterDevtools position="bottom-right" />
         <Scripts />
       </body>
     </html>
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -43,6 +43,7 @@
   "devDependencies": {
     "@obosbbl/grunnmuren-tailwind": "workspace:*",
     "@react-aria/optimize-locales-plugin": "1.1.4",
+    "@tanstack/react-router-devtools": "1.114.27",
     "autoprefixer": "10.4.21",
     "postcss": "8.5.3",
     "react-docgen-typescript": "2.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
