undefined is not an object: "a[c]=l" and "delete t.object.__r3f" (Sentry)

[twobit]

These errors only happens in production (Vercel). Nothing renders no matter how simple or complex the scene.

1. undefined is not an object (evaluating 'a[c]=l')

Traced to fiber/src/core/utils.tsx:

root[key] = value;

2. undefined is not an object (evaluating 'delete t.object.__r3f')

Traced to fiber/src/core/reconciler.tsx:

delete child.object.__r3f

Next: 15.2.1
R3F: 9.1.0
Three: 0.174.0
Node: 22.13.1

[krispya]

Thanks for the report! Do you have a minimal reproduction I can look at?

[twobit]

@krispya after a lot of trial and error this is an error caused by Sentry. Specifically this line in next.config.ts:

  // Automatically annotate React components to show their full name in breadcrumbs and session replay
  reactComponentAnnotation: {
    enabled: true
  },

getsentry/sentry-javascript#13413
getsentry/sentry-javascript-bundler-plugins#530