fix: the error boundary shouldn't have <html>

2024-03-26 09:08:34 -04:00 · 2024-03-26 09:08:34 -04:00 · b8498a9db3
commit b8498a9db3
parent ed9cc23020
2 changed files with 26 additions and 37 deletions
--- a/app/root.tsx
+++ b/app/root.tsx
@ -64,13 +64,6 @@ export function ErrorBoundary() {
 	const routing = isRouteErrorResponse(error)
 	const message = (error instanceof Error ? error.message : 'An unexpected error occurred')
 	return (
-		<html>
-			<head>
-				<title>Oh no!</title>
-				<Meta/>
-				<Links/>
-			</head>
-			<body>
 		<div className='flex min-h-screen items-center justify-center'>
 			<div className={clsx(
 				'w-1/3 border p-4 rounded-lg flex flex-col items-center text-center',
@ -97,9 +90,6 @@ export function ErrorBoundary() {
 				)}
 			</div>
 		</div>
-				<Scripts/>
-			</body>
-		</html>
 	)
 }

--- a/app/routes/_data.tsx
+++ b/app/routes/_data.tsx
@ -53,7 +53,6 @@ export default function Layout() {
 			<main className='container mx-auto overscroll-contain'>
 				<Outlet/>
 			</main>
-
 		</>
 	)
 }