"use client"; import Head from "next/head"; import * as Sentry from "@sentry/nextjs"; import { useState, useEffect } from "react"; class SentryExampleFrontendError extends Error { constructor(message: string | undefined) { super(message); this.name = "SentryExampleFrontendError"; } } export default function Page() { const [hasSentError, setHasSentError] = useState(false); const [isConnected, setIsConnected] = useState(true); useEffect(() => { async function checkConnectivity() { const result = await Sentry.diagnoseSdkConnectivity(); setIsConnected(result !== 'sentry-unreachable'); } checkConnectivity(); }, []); return (
sentry-example-page

sentry-example-page

Click the button below, and view the sample error on the Sentry Issues Page. For more details about setting up Sentry, read our docs.

{hasSentError ? (

Error sent to Sentry.

) : !isConnected ? (

It looks like network requests to Sentry are being blocked, which will prevent errors from being captured. Try disabling your ad-blocker to complete the test.

) : (
)}
); }