diff --git a/test/apps/nextjs/app/error-test/error.tsx b/test/apps/nextjs/app/error-test/error.tsx index 072ebbdbbf..99a2683002 100644 --- a/test/apps/nextjs/app/error-test/error.tsx +++ b/test/apps/nextjs/app/error-test/error.tsx @@ -4,15 +4,18 @@ import { addNextjsError } from '@datadog/browser-rum-nextjs' import Link from 'next/link' -import { useEffect } from 'react' +import { useEffect, useState } from 'react' export default function ErrorBoundary({ error, reset }: { error: Error & { digest?: string }; reset: () => void }) { + const [errorReported, setErrorReported] = useState(false) + useEffect(() => { addNextjsError(error) + setErrorReported(true) }, [error]) return ( -
Digest: {error.digest}
} diff --git a/test/apps/nextjs/pages/pages-router/error-test.tsx b/test/apps/nextjs/pages/pages-router/error-test.tsx index 9ec73b34d1..13ba97fe45 100644 --- a/test/apps/nextjs/pages/pages-router/error-test.tsx +++ b/test/apps/nextjs/pages/pages-router/error-test.tsx @@ -1,6 +1,6 @@ import { ErrorBoundary } from '@datadog/browser-rum-nextjs' import type { ErrorBoundaryFallback } from '@datadog/browser-rum-nextjs' -import { useState } from 'react' +import { useState, useEffect } from 'react' import Link from 'next/link' function ErrorThrower() { @@ -13,14 +13,22 @@ function ErrorThrower() { ) } -const ErrorFallback: ErrorBoundaryFallback = ({ error, resetError }) => ( -{error.message}
- -{error.message}
+ +