Fix Sentry configuration (#142)

ystv · Sep 6, 2024 · 96af3b1 · 96af3b1
1 parent eae6224
commit 96af3b1
Show file tree

Hide file tree

Showing 6 changed files with 198 additions and 152 deletions.
diff --git a/app/global-error.tsx b/app/global-error.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import * as Sentry from "@sentry/nextjs";
+import NextError from "next/error";
+import { useEffect } from "react";
+
+export default function GlobalError({
+  error,
+}: {
+  error: Error & { digest?: string };
+}) {
+  useEffect(() => {
+    Sentry.captureException(error);
+  }, [error]);
+
+  return (
+    <html>
+      <body>
+        {/* `NextError` is the default Next.js error page component. Its type
+        definition requires a `statusCode` prop. However, since the App Router
+        does not expose status codes for errors, we simply pass 0 to render a
+        generic error message. */}
+        <NextError statusCode={0} />
+      </body>
+    </html>
+  );
+}
diff --git a/instrumentation.ts b/instrumentation.ts
@@ -0,0 +1,13 @@
+import * as Sentry from "@sentry/nextjs";
+
+export async function register() {
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    await import("./sentry.server.config");
+  }
+
+  if (process.env.NEXT_RUNTIME === "edge") {
+    await import("./sentry.edge.config");
+  }
+}
+
+export const onRequestError = Sentry.captureRequestError;
diff --git a/next.config.build.js b/next.config.build.js
@@ -1,6 +1,9 @@
 // This config file contains only the necessary next config needed in production
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  experimental: {
+    instrumentationHook: true,
+  },
   images: {
     remotePatterns: [
       // User avatars

diff --git a/next.config.js b/next.config.js
@@ -11,6 +11,9 @@ const sentryRelease = `${version}-${gitCommit.slice(0, 7)}`;
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "standalone",
+  experimental: {
+    instrumentationHook: true,
+  },
   images: {
     remotePatterns: [
       // User avatars

diff --git a/package.json b/package.json
@@ -41,7 +41,7 @@
     "@mantine/modals": "^7.0.2",
     "@mantine/notifications": "^7.1.3",
     "@prisma/client": "^5.8.1",
-    "@sentry/nextjs": "^8.26.0",
+    "@sentry/nextjs": "^8.28.0",
     "@slack/bolt": "^3.14.0",
     "@tanstack/react-query": "^5.51.23",
     "@trpc/server": "^10.33.1",