Use the react-specific packages for tanstack router

.github/dependabot.yml

@@ -94,6 +94,7 @@ updates:
       tanstack-router:
         patterns:
           - "@tanstack/react-router"
+          - "@tanstack/react-router-*"
           - "@tanstack/router-*"
       tanstack-query:
         patterns:

frontend/package-lock.json

@@ -43,8 +43,8 @@
         "@storybook/react-vite": "^8.6.4",
         "@storybook/test": "^8.5.5",
         "@tanstack/react-query-devtools": "^5.67.3",
-        "@tanstack/router-devtools": "^1.114.17",
-        "@tanstack/router-vite-plugin": "^1.114.17",
+        "@tanstack/react-router-devtools": "^1.114.17",
+        "@tanstack/router-plugin": "^1.114.17",
         "@testing-library/jest-dom": "^6.6.3",
         "@testing-library/react": "^16.2.0",
         "@testing-library/user-event": "^14.6.1",
@@ -5466,36 +5466,6 @@
         "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
-    "node_modules/@tanstack/router-devtools": {
-      "version": "1.114.17",
-      "resolved": "https://registry.npmjs.org/@tanstack/router-devtools/-/router-devtools-1.114.17.tgz",
-      "integrity": "sha512-mRvatu8YTcaa459GV85NonuT52v/NVsGjQktsX1HSan+tn2f5j/A0JUQwinvk3/YFil6LLpT/D+OwMQgpW8rPw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@tanstack/react-router-devtools": "^1.114.17",
-        "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.114.17",
-        "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.114.17",
       "resolved": "https://registry.npmjs.org/@tanstack/router-devtools-core/-/router-devtools-core-1.114.17.tgz",
@@ -5644,23 +5614,6 @@
         "url": "https://github.com/sponsors/tannerlinsley"
       }
     },
-    "node_modules/@tanstack/router-vite-plugin": {
-      "version": "1.114.17",
-      "resolved": "https://registry.npmjs.org/@tanstack/router-vite-plugin/-/router-vite-plugin-1.114.17.tgz",
-      "integrity": "sha512-R981mC81iwbaeNE3nAsxDYoMjVLmkO0fwkStHxUnZQ+AYAGx3KFeTZ6nr3FL6V668S9sHEoymXmMWJZ62VYumw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@tanstack/router-plugin": "^1.114.17"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/tannerlinsley"
-      }
-    },
     "node_modules/@tanstack/store": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/@tanstack/store/-/store-0.7.0.tgz",

frontend/package.json

@@ -53,8 +53,8 @@
     "@storybook/react-vite": "^8.6.4",
     "@storybook/test": "^8.5.5",
     "@tanstack/react-query-devtools": "^5.67.3",
-    "@tanstack/router-devtools": "^1.114.17",
-    "@tanstack/router-vite-plugin": "^1.114.17",
+    "@tanstack/react-router-devtools": "^1.114.17",
+    "@tanstack/router-plugin": "^1.114.17",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
     "@testing-library/user-event": "^14.6.1",

frontend/src/routes/__root.tsx

@@ -11,7 +11,7 @@ import {
   Outlet,
   createRootRouteWithContext,
 } from "@tanstack/react-router";
-import { TanStackRouterDevtools } from "@tanstack/router-devtools";
+import { TanStackRouterDevtools } from "@tanstack/react-router-devtools";
 import GenericError from "../components/GenericError";
 import Layout, { query } from "../components/Layout";
 import NotFound from "../components/NotFound";

frontend/tsconfig.node.json

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
     "composite": true,
-    "module": "ESNext",
-    "moduleResolution": "Node",
+    "module": "node16",
+    "moduleResolution": "node16",
     "allowSyntheticDefaultImports": true,
     "allowJs": true,
     "resolveJsonModule": true

frontend/vite.config.ts

@@ -8,7 +8,7 @@ import { readFile, writeFile } from "node:fs/promises";
 import { resolve } from "node:path";
 
 import { codecovVitePlugin } from "@codecov/vite-plugin";
-import { TanStackRouterVite as tanStackRouter } from "@tanstack/router-vite-plugin";
+import { TanStackRouterVite as tanStackRouter } from "@tanstack/router-plugin/vite";
 import react from "@vitejs/plugin-react";
 import browserslistToEsbuild from "browserslist-to-esbuild";
 import type { Manifest, PluginOption } from "vite";