79227ee74a
When there's a runtime error showing in root layout (server components), it should be able to catch by `global-error`. For server components, we caught it and gonna render the error fallback components (either not-found or error page), and the response status is `200`, and since we'll display error dev overlay in developmenet mode so we only render `global-error` for production. So that you can catch more errors with `global-error` and maybe do potential error tracking on client side. Follow up of #52573 Closes NEXT-1442 minor refactor: move `appUsingSizeAdjust` into `Metadata` component so that we can just tune the flag as prop
14 lines
304 B
JavaScript
14 lines
304 B
JavaScript
'use client'
|
|
|
|
export default function GlobalError({ error }) {
|
|
return (
|
|
<html>
|
|
<head></head>
|
|
<body>
|
|
<h1>Global Error</h1>
|
|
<p id="error">{`Global error: ${error?.message}`}</p>
|
|
{error?.digest && <p id="digest">{error?.digest}</p>}
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|