diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index c8711dc48..67f9d55bd 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -8,6 +8,7 @@ import {
HeadContent,
Scripts,
defaultStringifySearch,
+ type ErrorComponentProps,
} from '@tanstack/react-router'
import { QueryClientProvider, type QueryClient } from '@tanstack/react-query'
import { createThemeCss, type HighlightTheme } from '@tanstack/highlight/theme'
@@ -259,10 +260,44 @@ export const Route = createRootRouteWithContext<{
headers: () => DOCUMENT_CACHE_HEADERS,
staleTime: Infinity,
shellComponent: ShellComponent,
- errorComponent: DefaultCatchBoundary,
- notFoundComponent: () => ,
+ errorComponent: RootErrorBoundary,
+ notFoundComponent: RootNotFound,
})
+function RootDocumentShell({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+
+
+
+ {children}
+
+
+
+ )
+}
+
+function RootErrorBoundary(props: ErrorComponentProps) {
+ return (
+
+
+
+ )
+}
+
+function RootNotFound() {
+ return (
+
+
+
+ )
+}
+
function ShellComponent({ children }: { children: React.ReactNode }) {
const router = useRouter()
const { queryClient } = Route.useRouteContext()