Update nextjs guide global-error.tsx example types (#8740)

edgarlr · Luca Forstner · web-flow · commit c4af786a647f · 2023-12-19T08:58:46.000Z
Co-authored-by: Luca Forstner &lt;luca.forstner@sentry.io&gt;
diff --git a/src/platforms/javascript/guides/nextjs/manual-setup.mdx b/src/platforms/javascript/guides/nextjs/manual-setup.mdx
@@ -112,10 +112,14 @@ Create a [Custom Next.js Global Error component](https://nextjs.org/docs/app/bui
 "use client";
 
 import * as Sentry from "@sentry/nextjs";
-import Error from "next/error";
+import NextError from "next/error";
 import { useEffect } from "react";
 
-export default function GlobalError({ error }: { error: Error }) {
+export default function GlobalError({
+  error,
+}: {
+  error: Error & { digest?: string };
+}) {
   useEffect(() => {
     Sentry.captureException(error);
   }, [error]);
@@ -124,7 +128,7 @@ export default function GlobalError({ error }: { error: Error }) {
     <html>
       <body>
         {/* This is the default Next.js error component but it doesn't allow omitting the statusCode property yet. */}
-        <Error statusCode={undefined as any} />
+        <NextError statusCode={undefined as any} />
       </body>
     </html>
   );
@@ -135,7 +139,7 @@ export default function GlobalError({ error }: { error: Error }) {
 "use client";
 
 import * as Sentry from "@sentry/nextjs";
-import Error from "next/error";
+import NextError from "next/error";
 import { useEffect } from "react";
 
 export default function GlobalError({ error }) {
@@ -147,7 +151,7 @@ export default function GlobalError({ error }) {
     <html>
       <body>
         {/* This is the default Next.js error component. */}
-        <Error />
+        <NextError />
       </body>
     </html>
   );
@@ -163,7 +167,7 @@ This means, that if you want to report errors that are caught by `error.js` file
 import { useEffect } from "react";
 import * as Sentry from "@sentry/nextjs";
 
-export default function Error({
+export default function ErrorPage({
   error,
 }: {
   error: Error & { digest?: string };
@@ -187,7 +191,7 @@ export default function Error({
 import { useEffect } from "react";
 import * as Sentry from "@sentry/nextjs";
 
-export default function Error({ error }) {
+export default function ErrorPage({ error }) {
   useEffect(() => {
     // Log the error to Sentry
     Sentry.captureException(error);
