enable annotations but exclude canvas to avoid the bug where react three fiber has problems with the annotations attributes sentry adds

Author: chrisweb

next.config.ts

@@ -429,16 +429,12 @@ export default withSentryConfig(
 
         // Automatically annotate React components to show their full name in breadcrumbs and session replay
         reactComponentAnnotation: {
-            enabled: false,
+            enabled: true,
+            // ignore the "Canvas" component to avoid Sentry annotations
+            // conflicts with react-three-fiber
+            ignoredComponents: ['Canvas'],
         },
 
-        // TODO: enable as soon as @sentry/nextjs supports it
-        // (and set the above reactComponentAnnotation to true)
-        // https://github.com/getsentry/sentry-javascript/releases
-        // ignore the "Canvas" component to avoid Sentry annotations
-        // conflicts with react-three-fiber
-        //ignoredComponents: ['Canvas'],
-
         // Route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
         // This can increase your server load as well as your hosting bill.
         // Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-