Add button to test Sentry

site/gdocs/pages/AboutPage.tsx

@@ -10,6 +10,14 @@ import Footnotes from "../components/Footnotes.js"
 export default function AboutPage({ content, slug }: OwidGdocAboutInterface) {
     return (
         <main className="about-page centered-article-container grid grid-cols-12-full-width">
+            <button
+                className=""
+                onClick={() => {
+                    throw new Error("Test Sentry error from site")
+                }}
+            >
+                Break the world
+            </button>
             <h1 className="about-header col-start-2 col-end-limit display-2-semibold">
                 About
             </h1>

site/instrument.ts

@@ -1,9 +1,9 @@
 import * as Sentry from "@sentry/react"
 import { isInIFrame } from "@ourworldindata/utils"
+import { COMMIT_SHA, ENV, SENTRY_DSN } from "../settings/clientSettings.js"
 import { getPreferenceValue, PreferenceType } from "./cookiePreferences.js"
 
 const analyticsConsent = getPreferenceValue(PreferenceType.Analytics)
-const environment = process.env.ENV || "development"
 
 let sentryOpts: Sentry.BrowserOptions
 if (analyticsConsent && !isInIFrame()) {
@@ -18,7 +18,7 @@ if (analyticsConsent && !isInIFrame()) {
                 mask: [".sentry-mask"],
             }),
         ],
-        replaysSessionSampleRate: environment === "development" ? 1 : 0.1,
+        replaysSessionSampleRate: ENV === "development" ? 1 : 0.1,
         replaysOnErrorSampleRate: 0,
     }
 } else {
@@ -27,9 +27,14 @@ if (analyticsConsent && !isInIFrame()) {
         replaysOnErrorSampleRate: 0,
     }
 }
+console.log("SENTRY_DSN", SENTRY_DSN)
+console.log("ENV", ENV)
+console.log("COMMIT_SHA", COMMIT_SHA)
+console.log("sentryOpts", sentryOpts)
 Sentry.init({
-    dsn: process.env.SENTRY_DSN,
-    environment,
-    release: process.env.COMMIT_SHA,
+    debug: true,
+    dsn: SENTRY_DSN,
+    environment: ENV,
+    release: COMMIT_SHA,
     ...sentryOpts,
 })