fix react

Author: lobsterkatie

packages/react/src/errorboundary.tsx

@@ -125,7 +125,12 @@ class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundarySta
       // See: https://github.com/getsentry/sentry-javascript/issues/6167
       if (isAtLeastReact17(React.version) && isError(error)) {
         const errorBoundaryError = new Error(error.message);
-        errorBoundaryError.name = `React ErrorBoundary ${errorBoundaryError.name}`;
+        // Once `errorBoundaryError` is constructed, the only thing we need its constructor for is its name. Since the
+        // real constructor's `name` property is read-only, we just replace the entire constructor with an object that
+        // has what we need.
+        errorBoundaryError.constructor = {
+          name: `React ErrorBoundary ${errorBoundaryError.name}`,
+        } as typeof errorBoundaryError.constructor;
         errorBoundaryError.stack = componentStack;
 
         // Using the `LinkedErrors` integration to link the errors together.

packages/react/test/errorboundary.test.tsx

@@ -247,7 +247,7 @@ describe('ErrorBoundary', () => {
       const error = mockCaptureException.mock.calls[0][0];
       const cause = error.cause;
       expect(cause.stack).toEqual(mockCaptureException.mock.calls[0][1].contexts.react.componentStack);
-      expect(cause.name).toContain('React ErrorBoundary');
+      expect(cause.constructor.name).toContain('React ErrorBoundary');
       expect(cause.message).toEqual(error.message);
     });
 
@@ -339,7 +339,7 @@ describe('ErrorBoundary', () => {
       const firstError = secondError.cause;
       const cause = firstError.cause;
       expect(cause.stack).toEqual(mockCaptureException.mock.calls[0][1].contexts.react.componentStack);
-      expect(cause.name).toContain('React ErrorBoundary');
+      expect(cause.constructor.name).toContain('React ErrorBoundary');
       expect(cause.message).toEqual(thirdError.message);
     });
 
@@ -379,7 +379,7 @@ describe('ErrorBoundary', () => {
       const cause = error.cause;
       // We need to make sure that recursive error.cause does not cause infinite loop
       expect(cause.stack).not.toEqual(mockCaptureException.mock.calls[0][1].contexts.react.componentStack);
-      expect(cause.name).not.toContain('React ErrorBoundary');
+      expect(cause.constructor.name).not.toContain('React ErrorBoundary');
     });
 
     it('calls `beforeCapture()` when an error occurs', () => {