error.tsx
code:tsx
"use client";
import { useEffect } from "react";
import * as Sentry from "@sentry/nextjs";
export default function ErrorPage({
error,
}: {
error: Error & { digest?: string };
}) {
useEffect(() => {
Sentry.captureException(error);
return (
<div>
<h2>Something went wrong!</h2>
</div>
);
}
rootに配置するやつ
最後の砦
app/layout.tsxやapp/template.tsxでthrowされたerrorをcatchしない
アプリケーション全体をwrapする
そのため、<html>や<body>を書く必要がある