fix: the error boundary shouldn't have <html>
This commit is contained in:
parent
ed9cc23020
commit
b8498a9db3
2 changed files with 26 additions and 37 deletions
10
app/root.tsx
10
app/root.tsx
|
|
@ -64,13 +64,6 @@ export function ErrorBoundary() {
|
||||||
const routing = isRouteErrorResponse(error)
|
const routing = isRouteErrorResponse(error)
|
||||||
const message = (error instanceof Error ? error.message : 'An unexpected error occurred')
|
const message = (error instanceof Error ? error.message : 'An unexpected error occurred')
|
||||||
return (
|
return (
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Oh no!</title>
|
|
||||||
<Meta/>
|
|
||||||
<Links/>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div className='flex min-h-screen items-center justify-center'>
|
<div className='flex min-h-screen items-center justify-center'>
|
||||||
<div className={clsx(
|
<div className={clsx(
|
||||||
'w-1/3 border p-4 rounded-lg flex flex-col items-center text-center',
|
'w-1/3 border p-4 rounded-lg flex flex-col items-center text-center',
|
||||||
|
|
@ -97,9 +90,6 @@ export function ErrorBoundary() {
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Scripts/>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -53,7 +53,6 @@ export default function Layout() {
|
||||||
<main className='container mx-auto overscroll-contain'>
|
<main className='container mx-auto overscroll-contain'>
|
||||||
<Outlet/>
|
<Outlet/>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue