feat: move to @sentry/node

Author: DennisKraaijeveld

app/components/error-boundary.tsx

@@ -6,7 +6,7 @@ import {
 	useParams,
 	useRouteError,
 } from 'react-router'
-import { getErrorMessage } from '#app/utils/misc.tsx'
+import { getErrorMessage } from '#app/utils/misc'
 
 type StatusHandler = (info: {
 	error: ErrorResponse
@@ -27,7 +27,6 @@ export function GeneralErrorBoundary({
 	unexpectedErrorHandler?: (error: unknown) => ReactElement | null
 }) {
 	const error = useRouteError()
-
 	const params = useParams()
 
 	if (typeof document !== 'undefined') {
@@ -42,9 +41,9 @@ export function GeneralErrorBoundary({
 		<div className="container flex items-center justify-center p-20 text-h2">
 			{isRouteErrorResponse(error)
 				? (statusHandlers?.[error.status] ?? defaultStatusHandler)({
-						error,
-						params,
-					})
+					error,
+					params,
+				})
 				: unexpectedErrorHandler(error)}
 		</div>
 	)

app/entry.server.tsx

@@ -108,9 +108,7 @@ export function handleError(
 	}
 	if (error instanceof Error) {
 		console.error(chalk.red(error.stack))
-		void Sentry.captureException(error, {
-			level: 'fatal',
-		})
+		void Sentry.captureException(error)
 	} else {
 		console.error(error)
 		Sentry.captureException(error)

server/utils/monitoring.ts

@@ -1,3 +1,4 @@
+import { prismaIntegration, httpIntegration } from '@sentry/node'
 import { nodeProfilingIntegration } from '@sentry/profiling-node'
 import * as Sentry from '@sentry/react'
 
@@ -17,11 +18,9 @@ export function init() {
 			/\/site\.webmanifest/,
 		],
 		integrations: [
-			// TODO: Figure out if this is still needed, and if so, how to make it work
-			// Sentry.httpIntegration(),
-			// Sentry.prismaIntegration(),
+			prismaIntegration(),
+			httpIntegration(),
 			nodeProfilingIntegration(),
-			// https://docs.sentry.io/platforms/javascript/guides/react/features/react-router/v7/
 		],
 		tracesSampler(samplingContext) {
 			// ignore healthcheck transactions by other services (consul, etc.)