init

package-lock.json

@@ -15,7 +15,7 @@
         "@tanstack/react-query": "^5.74.4",
         "@tanstack/react-query-devtools": "^5.74.4",
         "@tanstack/react-router": "^1.117.1",
-        "@tanstack/router-devtools": "^1.117.1",
+        "@tanstack/react-router-devtools": "^1.117.1",
         "react": "^19.2.4",
         "react-dom": "^19.2.4"
       },
@@ -1822,35 +1822,6 @@
         "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
-    "node_modules/@tanstack/router-devtools": {
-      "version": "1.161.3",
-      "resolved": "https://registry.npmmirror.com/@tanstack/router-devtools/-/router-devtools-1.161.3.tgz",
-      "integrity": "sha512-g1wX6enNqq74y4Z+uMY+x/1ZGklU/FpIc6O8Kd5Qk5boFAD3QgDVgSY7LaelyJL/pFoB6C64s6UuqUInXuOXKw==",
-      "license": "MIT",
-      "dependencies": {
-        "@tanstack/react-router-devtools": "1.161.3",
-        "clsx": "^2.1.1",
-        "goober": "^2.1.16"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      },
-      "peerDependencies": {
-        "@tanstack/react-router": "^1.161.3",
-        "csstype": "^3.0.10",
-        "react": ">=18.0.0 || >=19.0.0",
-        "react-dom": ">=18.0.0 || >=19.0.0"
-      },
-      "peerDependenciesMeta": {
-        "csstype": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@tanstack/router-devtools-core": {
       "version": "1.161.3",
       "resolved": "https://registry.npmmirror.com/@tanstack/router-devtools-core/-/router-devtools-core-1.161.3.tgz",

package.json

@@ -18,7 +18,7 @@
     "@tanstack/react-query": "^5.74.4",
     "@tanstack/react-query-devtools": "^5.74.4",
     "@tanstack/react-router": "^1.117.1",
-    "@tanstack/router-devtools": "^1.117.1",
+    "@tanstack/react-router-devtools": "^1.117.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },

src/layouts/RootLayout.tsx

@@ -1,6 +1,6 @@
 import { AppBar, Box, Button, Container, Stack, Toolbar, Typography } from '@mui/material'
 import { Link, Outlet } from '@tanstack/react-router'
-import { TanStackRouterDevtools } from '@tanstack/router-devtools'
+import { TanStackRouterDevtools } from '@tanstack/react-router-devtools'
 
 export function RootLayout() {
   return (