style: add the tanstack router eslint plugin (#422)

* install @tanstack/eslint-plugin-router

* add the tanstack router eslint plugin into the config

* style: linting the warnings reported by the plugin

eslint.config.mjs

@@ -1,5 +1,6 @@
 // @ts-check
 import eslintJs from "@eslint/js";
+import tanstackRouterPlugin from "@tanstack/eslint-plugin-router";
 import eslintConfigPrettier from "eslint-config-prettier";
 import eslintReact from "eslint-plugin-react";
 import eslintReactCompiler from "eslint-plugin-react-compiler";
@@ -10,6 +11,7 @@ import tseslint from "typescript-eslint";
 export default tseslint.config(
   eslintJs.configs.recommended,
   ...tseslint.configs.recommended,
+  ...tanstackRouterPlugin.configs["flat/recommended"],
   eslintConfigPrettier,
   {
     files: ["**.config.{cjs,mjs,ts,js}", "postbuild.cjs"],

package.json

@@ -85,6 +85,7 @@
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.9",
     "@tailwindcss/typography": "^0.5.15",
+    "@tanstack/eslint-plugin-router": "^1.58.6",
     "@tanstack/router-plugin": "^1.58.4",
     "@types/node": "^22.5.4",
     "@types/react": "^18.3.5",

src/routes/_auth/(reports)/reports._index.tsx

@@ -29,6 +29,7 @@ export const Route = createFileRoute("/_auth/(reports)/reports/")({
       searchListOptions: fetchReportsListOptions({ auth }),
     };
   },
+  loaderDeps: ({ search: { category } }) => ({ category }),
   loader: async ({ context }) => {
     const { queryClient, searchListOptions } = context;
 
@@ -38,7 +39,6 @@ export const Route = createFileRoute("/_auth/(reports)/reports/")({
 
     return;
   },
-  loaderDeps: ({ search: { category } }) => ({ category }),
   component: ReportSearchPage,
 });
 

src/routes/_public/oidc-callback.tsx

@@ -15,14 +15,14 @@ export const Route = createFileRoute("/_public/oidc-callback")({
     state: z.string().optional(),
     session_state: z.string().optional(),
   }),
+  beforeLoad: ({ search }) => ({ search }),
   loaderDeps: ({ search }) => ({
     redirect: search?.redirect,
     code: search?.code,
     scope: search?.scope,
     state: search?.state,
     session_state: search?.session_state,
   }),
-  beforeLoad: ({ search }) => ({ search }),
   loader: async ({ context, preload, location }) => {
     const locationPathname = location.pathname;
     if (preload || !locationPathname.includes("oidc-callback")) return;