@tanstack/react-router 1.32.17 → 1.33.1

package/src/not-found.tsx

@@ -4,6 +4,7 @@ import { CatchBoundary } from './CatchBoundary'
 import { useRouterState } from './useRouterState'
 import type { RegisteredRouter } from './router'
 import type { RouteIds } from './routeInfo'
+import type { ErrorInfo } from 'react'
 
 export type NotFoundError = {
   /**
@@ -34,7 +35,7 @@ export function isNotFound(obj: any): obj is NotFoundError {
 
 export function CatchNotFound(props: {
   fallback?: (error: NotFoundError) => React.ReactElement
-  onCatch?: (error: any) => void
+  onCatch?: (error: Error, errorInfo: ErrorInfo) => void
   children: React.ReactNode
 }) {
   // TODO: Some way for the user to programmatically reset the not-found boundary?
@@ -45,9 +46,9 @@ export function CatchNotFound(props: {
   return (
     <CatchBoundary
       getResetKey={() => resetKey}
-      onCatch={(error) => {
+      onCatch={(error, errorInfo) => {
         if (isNotFound(error)) {
-          props.onCatch?.(error)
+          props.onCatch?.(error, errorInfo)
         } else {
           throw error
         }

package/src/route.ts

@@ -266,6 +266,7 @@ export type UpdatableRouteOptions<
   // Filter functions that can manipulate search params *after* they are passed to links and navigate
   // calls that match this route.
   postSearchFilters?: Array<SearchFilter<TFullSearchSchema>>
+  onCatch?: (error: Error, errorInfo: React.ErrorInfo) => void
   onError?: (err: any) => void
   // These functions are called as route matches are loaded, stick around and leave the active
   // matches
@@ -1281,7 +1282,7 @@ export type ErrorRouteProps = {
 }
 
 export type ErrorComponentProps = {
-  error: unknown
+  error: Error
   info?: { componentStack: string }
   reset: () => void
 }

package/src/router.ts

@@ -81,6 +81,7 @@ import type { NotFoundError } from './not-found'
 import type { NavigateOptions, ResolveRelativePath, ToOptions } from './link'
 import type { NoInfer } from '@tanstack/react-store'
 import type { DeferredPromiseState } from './defer'
+import type { ErrorInfo } from 'react'
 
 //
 
@@ -138,6 +139,7 @@ export interface RouterOptions<
   defaultStaleTime?: number
   defaultPreloadStaleTime?: number
   defaultPreloadGcTime?: number
+  defaultOnCatch?: (error: Error, errorInfo: ErrorInfo) => void
   defaultViewTransition?: boolean
   notFoundMode?: 'root' | 'fuzzy'
   defaultGcTime?: number