Bump core to 0.80

Author: alwx

packages/core/package.json

@@ -76,18 +76,19 @@
     "@sentry/types": "10.17.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
+    "@babel/core": "^7.26.7",
     "@expo/metro-config": "~0.20.0",
     "@mswjs/interceptors": "^0.25.15",
-    "@react-native/babel-preset": "0.77.1",
+    "@react-native/babel-preset": "0.80.0",
     "@sentry-internal/eslint-config-sdk": "10.17.0",
     "@sentry-internal/eslint-plugin-sdk": "10.17.0",
     "@sentry-internal/typescript": "10.17.0",
     "@sentry/wizard": "6.5.0",
-    "@testing-library/react-native": "^12.7.2",
+    "@testing-library/react-native": "^13.2.2",
     "@types/jest": "^29.5.13",
     "@types/node": "^20.9.3",
-    "@types/react": "^18.2.64",
+    "@types/react": "^19.1.0",
+    "@types/react-test-renderer": "^19.1.0",
     "@types/uglify-js": "^3.17.2",
     "@types/uuid": "^9.0.4",
     "@types/xmlhttprequest": "^1.8.2",
@@ -102,14 +103,15 @@
     "eslint-plugin-react-native": "^3.8.1",
     "expo": "^53.0.0",
     "expo-module-scripts": "3.1.0",
-    "jest": "^29.6.2",
+    "jest": "^29.6.3",
     "jest-environment-jsdom": "^29.6.2",
     "jest-extended": "^4.0.2",
     "madge": "^6.1.0",
     "metro": "0.83.1",
     "prettier": "^2.0.5",
-    "react": "18.3.1",
-    "react-native": "0.77.1",
+    "react": "19.1.0",
+    "react-native": "0.80.1",
+    "react-test-renderer": "19.1.0",
     "rimraf": "^4.1.1",
     "ts-jest": "^29.3.1",
     "typescript": "4.9.5",

packages/core/src/js/RNSentryReplayMaskNativeComponent.ts

@@ -1,7 +1,7 @@
 import type { HostComponent, ViewProps } from 'react-native';
 // The default export exists in the file but eslint doesn't see it
 // eslint-disable-next-line import/default
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import { codegenNativeComponent } from 'react-native';
 
 // If changed to type NativeProps = ViewProps, react native codegen will fail finding the NativeProps type
 // eslint-disable-next-line @typescript-eslint/no-empty-interface

packages/core/src/js/RNSentryReplayUnmaskNativeComponent.ts

@@ -1,7 +1,7 @@
 import type { HostComponent, ViewProps } from 'react-native';
 // The default export exists in the file but eslint doesn't see it
 // eslint-disable-next-line import/default
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import { codegenNativeComponent } from 'react-native';
 
 // If changed to type NativeProps = ViewProps, react native codegen will fail finding the NativeProps type
 // eslint-disable-next-line @typescript-eslint/no-empty-interface

packages/core/test/feedback/FeedbackWidgetManager.test.tsx

@@ -1,5 +1,5 @@
 import { debug, getClient, setCurrentClient } from '@sentry/core';
-import { render } from '@testing-library/react-native';
+import { act, render, waitFor } from '@testing-library/react-native';
 import * as React from 'react';
 import { Appearance, Text } from 'react-native';
 import { defaultConfiguration } from '../../src/js/feedback/defaults';
@@ -33,7 +33,7 @@ describe('FeedbackWidgetManager', () => {
     resetFeedbackWidgetManager();
   });
 
-  it('showFeedbackWidget displays the form when FeedbackWidgetProvider is used', () => {
+  it('showFeedbackWidget displays the form when FeedbackWidgetProvider is used', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { getByText, getByTestId } = render(
       <FeedbackWidgetProvider>
@@ -43,7 +43,9 @@ describe('FeedbackWidgetManager', () => {
 
     showFeedbackWidget();
 
-    expect(getByTestId('feedback-form-modal')).toBeTruthy();
+    await waitFor(() => {
+      expect(getByTestId('feedback-form-modal')).toBeTruthy();
+    });
     expect(getByText('App Components')).toBeTruthy();
   });
 
@@ -70,7 +72,7 @@ describe('FeedbackWidgetManager', () => {
     }).not.toThrow();
   });
 
-  it('showFeedbackWidget displays the form with the feedbackIntegration options', () => {
+  it('showFeedbackWidget displays the form with the feedbackIntegration options', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { getByPlaceholderText, getByText } = render(
       <FeedbackWidgetProvider>
@@ -86,11 +88,13 @@ describe('FeedbackWidgetManager', () => {
 
     showFeedbackWidget();
 
-    expect(getByPlaceholderText('Custom Message Placeholder')).toBeTruthy();
+    await waitFor(() => {
+      expect(getByPlaceholderText('Custom Message Placeholder')).toBeTruthy();
+    });
     expect(getByText('Custom Submit Button')).toBeTruthy();
   });
 
-  it('showFeedbackWidget displays the form with the feedbackIntegration options merged with the defaults', () => {
+  it('showFeedbackWidget displays the form with the feedbackIntegration options merged with the defaults', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { getByPlaceholderText, getByText, queryByText } = render(
       <FeedbackWidgetProvider>
@@ -105,8 +109,10 @@ describe('FeedbackWidgetManager', () => {
 
     showFeedbackWidget();
 
-    expect(queryByText(defaultConfiguration.submitButtonLabel)).toBeFalsy(); // overridden value
-    expect(getByText('Custom Submit Button')).toBeTruthy(); // overridden value
+    await waitFor(() => {
+      expect(queryByText(defaultConfiguration.submitButtonLabel)).toBeFalsy(); // overridden value
+      expect(getByText('Custom Submit Button')).toBeTruthy(); // overridden value
+    });
     expect(getByPlaceholderText(defaultConfiguration.messagePlaceholder)).toBeTruthy(); // default configuration value
   });
 
@@ -161,7 +167,7 @@ describe('FeedbackButtonManager', () => {
     });
   });
 
-  it('showFeedbackButton displays the button when FeedbackWidgetProvider is used', () => {
+  it('showFeedbackButton displays the button when FeedbackWidgetProvider is used', async () => {
     const { getByText } = render(
       <FeedbackWidgetProvider>
         <Text>App Components</Text>
@@ -170,7 +176,9 @@ describe('FeedbackButtonManager', () => {
 
     showFeedbackButton();
 
-    expect(getByText('Report a Bug')).toBeTruthy();
+    await waitFor(() => {
+      expect(getByText('Report a Bug')).toBeTruthy();
+    })
   });
 
   it('hideFeedbackButton hides the button', () => {
@@ -216,7 +224,7 @@ describe('FeedbackButtonManager', () => {
     expect(getClient().getIntegrationByName(AUTO_INJECT_FEEDBACK_BUTTON_INTEGRATION_NAME)).toBeDefined();
   });
 
-  it('the Feedback Widget matches the snapshot with default configuration and system light theme', () => {
+  it('the Feedback Widget matches the snapshot with default configuration and system light theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -226,12 +234,14 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('light');
 
-    showFeedbackWidget();
+    await act(async () => {
+      showFeedbackWidget();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Widget matches the snapshot with default configuration and system dark theme', () => {
+  it('the Feedback Widget matches the snapshot with default configuration and system dark theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -241,12 +251,14 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('dark');
 
-    showFeedbackWidget();
+    await act(async () => {
+      showFeedbackWidget();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Widget matches the snapshot with default configuration and dynamically changed theme', () => {
+  it('the Feedback Widget matches the snapshot with default configuration and dynamically changed theme', async () => {
     const component = (
       <FeedbackWidgetProvider>
         <Text>App Components</Text>
@@ -258,15 +270,19 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('light');
 
-    showFeedbackWidget();
+    await act(async () => {
+      showFeedbackWidget();
+    });
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('dark');
-    listener({ colorScheme: 'dark' });
+    await act(async () => {
+      listener({ colorScheme: 'dark' });
+    })
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Widget matches the snapshot with custom light theme', () => {
+  it('the Feedback Widget matches the snapshot with custom light theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -283,12 +299,14 @@ describe('FeedbackButtonManager', () => {
     });
     getClient()?.addIntegration(integration);
 
-    showFeedbackWidget();
+    await act(async () => {
+      showFeedbackWidget();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Widget matches the snapshot with custom dark theme', () => {
+  it('the Feedback Widget matches the snapshot with custom dark theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -305,12 +323,14 @@ describe('FeedbackButtonManager', () => {
     });
     getClient()?.addIntegration(integration);
 
-    showFeedbackWidget();
+    await act(async () => {
+      showFeedbackWidget();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Widget matches the snapshot with system light custom theme', () => {
+  it('the Feedback Widget matches the snapshot with system light custom theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -329,12 +349,14 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('light');
 
-    showFeedbackWidget();
+    await act(async () => {
+      showFeedbackWidget();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Widget matches the snapshot with system dark custom theme', () => {
+  it('the Feedback Widget matches the snapshot with system dark custom theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -353,12 +375,14 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('dark');
 
-    showFeedbackWidget();
+    await act(async () => {
+      showFeedbackWidget();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Button matches the snapshot with default configuration and system light theme', () => {
+  it('the Feedback Button matches the snapshot with default configuration and system light theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -368,12 +392,14 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('light');
 
-    showFeedbackButton();
+    await act(async () => {
+      showFeedbackButton();
+    })
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Button matches the snapshot with default configuration and system dark theme', () => {
+  it('the Feedback Button matches the snapshot with default configuration and system dark theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -383,12 +409,14 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('dark');
 
-    showFeedbackButton();
+    await act(async () => {
+      showFeedbackButton();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Button matches the snapshot with default configuration and dynamically changed theme', () => {
+  it('the Feedback Button matches the snapshot with default configuration and dynamically changed theme', async () => {
     const component = (
       <FeedbackWidgetProvider>
         <Text>App Components</Text>
@@ -400,15 +428,19 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('light');
 
-    showFeedbackButton();
+    await act(async () => {
+      showFeedbackButton();
+    });
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('dark');
-    listener({ colorScheme: 'dark' });
+    await act(async () => {
+      listener({ colorScheme: 'dark' });
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Button matches the snapshot with custom light theme', () => {
+  it('the Feedback Button matches the snapshot with custom light theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -425,12 +457,14 @@ describe('FeedbackButtonManager', () => {
     });
     getClient()?.addIntegration(integration);
 
-    showFeedbackButton();
+    await act(async () => {
+      showFeedbackButton();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Button matches the snapshot with custom dark theme', () => {
+  it('the Feedback Button matches the snapshot with custom dark theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -447,12 +481,14 @@ describe('FeedbackButtonManager', () => {
     });
     getClient()?.addIntegration(integration);
 
-    showFeedbackButton();
+    await act(async () => {
+      showFeedbackButton();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Button matches the snapshot with system light custom theme', () => {
+  it('the Feedback Button matches the snapshot with system light custom theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -471,12 +507,14 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('light');
 
-    showFeedbackButton();
+    await act(async () => {
+      showFeedbackButton();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('the Feedback Button matches the snapshot with system dark custom theme', () => {
+  it('the Feedback Button matches the snapshot with system dark custom theme', async () => {
     mockedIsModalSupported.mockReturnValue(true);
     const { toJSON } = render(
       <FeedbackWidgetProvider>
@@ -495,7 +533,9 @@ describe('FeedbackButtonManager', () => {
 
     jest.spyOn(Appearance, 'getColorScheme').mockReturnValue('dark');
 
-    showFeedbackButton();
+    await act(async () => {
+      showFeedbackButton();
+    });
 
     expect(toJSON()).toMatchSnapshot();
   });