Move to TanStack Start from Next.js (#184)

web/app/router.tsx

@@ -0,0 +1,29 @@
+import { createRouter as createTanStackRouter } from "@tanstack/react-router"
+import { routeTree } from "./routeTree.gen"
+import { DefaultCatchBoundary } from "./components/DefaultCatchBoundary"
+import { NotFound } from "./components/NotFound"
+import { QueryClient } from "@tanstack/react-query"
+import { routerWithQueryClient } from "@tanstack/react-router-with-query"
+
+export function createRouter() {
+  const queryClient = new QueryClient()
+
+  const router = routerWithQueryClient(
+    createTanStackRouter({
+      routeTree,
+      defaultPreload: "intent",
+      defaultErrorComponent: DefaultCatchBoundary,
+      defaultNotFoundComponent: () => <NotFound />,
+      context: { queryClient },
+    }),
+    queryClient,
+  )
+
+  return router
+}
+
+declare module "@tanstack/react-router" {
+  interface Register {
+    router: ReturnType<typeof createRouter>
+  }
+}