refactor: move error and not-found components to router defaults

README.md

@@ -274,7 +274,7 @@ src/
 │   ├── ui/                 # shadcn/ui components (Button, Card, Input, Label)
 │   ├── theme-provider.tsx  # Dark/light/system theme context
 │   ├── theme-toggle.tsx    # Theme cycle button
-│   ├── error-boundary.tsx  # Root error component with retry
+│   ├── error-boundary.tsx  # Default error boundary with retry
 │   └── not-found.tsx       # 404 page
 ├── lib/
 │   ├── analytics.tsx       # AnalyticsProvider + useAnalytics hook

src/components/error-boundary.tsx

@@ -3,7 +3,7 @@ import type { ErrorComponentProps } from "@tanstack/react-router"
 import { Button } from "@/components/ui/button"
 import { logger } from "@/lib/logger"
 
-export function RootErrorComponent({ error, reset }: ErrorComponentProps) {
+export function ErrorBoundary({ error, reset }: ErrorComponentProps) {
   logger.error("Uncaught error in route component", {
     message: error.message,
     stack: error.stack,

src/main.tsx

@@ -7,6 +7,8 @@ import { RouterProvider, createRouter } from "@tanstack/react-router"
 import { StrictMode } from "react"
 import { createRoot } from "react-dom/client"
 import { toast } from "sonner"
+import { ErrorBoundary } from "./components/error-boundary"
+import { NotFound } from "./components/not-found"
 import { ThemeProvider } from "./components/theme-provider"
 import { Skeleton } from "./components/ui/skeleton"
 import "./index.css"
@@ -41,6 +43,8 @@ const router = createRouter({
   },
   defaultPreload: "intent",
   defaultPreloadStaleTime: 0,
+  defaultNotFoundComponent: NotFound,
+  defaultErrorComponent: ErrorBoundary,
 })
 
 declare module "@tanstack/react-router" {

src/routes/__root.tsx

@@ -6,11 +6,9 @@
   useRouter,
 } from "@tanstack/react-router"
 import { Toaster } from "sonner"
-import { RootErrorComponent } from "@/components/error-boundary"
-import { NotFound } from "@/components/not-found"
 import { useAnalytics } from "@/lib/analytics"
 
 const TanStackRouterDevtools = import.meta.env.PROD
   ? () => null
   : lazy(() =>
       import("@tanstack/react-router-devtools").then((mod) => ({
@@ -18,7 +16,7 @@
       }))
     )
 
 const ReactQueryDevtools = import.meta.env.PROD
   ? () => null
   : lazy(() =>
       import("@tanstack/react-query-devtools").then((mod) => ({
@@ -41,11 +39,9 @@
 
 export const Route = createRootRouteWithContext<RouterContext>()({
   component: RootComponent,
-  notFoundComponent: NotFound,
-  errorComponent: RootErrorComponent,
 })
 
 function RouteTracker() {
   const router = useRouter()
   const analytics = useAnalytics()
   useEffect(() => {
@@ -56,7 +52,7 @@
   return null
 }
 
 function RootComponent() {
   return (
     <>
       <RouteTracker />