react-native-reanimated updated

Author: alwx

CHANGELOG.md

@@ -8,6 +8,8 @@
 
 ## 6.20.0
 
+- Update the sample app to React Native 0.80, update other dependencies, improve code quality of the sample app ([#5057](https://github.com/getsentry/sentry-react-native/pull/5057))
+
 ### Features
 
 - Support for React Native 0.81 ([#5051](https://github.com/getsentry/sentry-react-native/pull/5051))

package.json

@@ -46,9 +46,9 @@
     "dev-packages/e2e-tests",
     "dev-packages/type-check",
     "dev-packages/utils",
+    "samples/react-native",
     "samples/react-native-macos",
     "samples/expo",
-    "samples/react-native",
     "performance-tests/TestAppPlain",
     "performance-tests/TestAppSentry"
   ],

samples/react-native/android/app/src/main/java/io/sentry/reactnative/sample/SamplePackage.java

@@ -1,8 +1,8 @@
 package io.sentry.reactnative.sample;
 
 import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.Promise;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;

samples/react-native/babel.config.js

@@ -1,4 +1,4 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
-  plugins: ['react-native-worklets/plugin'],
+  plugins: ['react-native-reanimated/plugin'],
 };

samples/react-native/ios/sentryreactnativesample/RCTAssetsModule.m

@@ -2,8 +2,9 @@
 
 @implementation RCTAssetsModule
 
-RCT_EXPORT_METHOD(getExampleAssetData: (RCTPromiseResolveBlock)resolve
-                  rejecter: (RCTPromiseRejectBlock)reject)
+RCT_EXPORT_METHOD(getExampleAssetData
+                  : (RCTPromiseResolveBlock)resolve rejecter
+                  : (RCTPromiseRejectBlock)reject)
 {
     NSDataAsset *data = [[NSDataAsset alloc] initWithName:@"ExampleBinaryData"];
     if (data == nil) {

samples/react-native/package.json

@@ -29,6 +29,7 @@
     "@react-navigation/native-stack": "^7.3.24",
     "@react-navigation/stack": "^7.4.5",
     "@reduxjs/toolkit": "^2.8.2",
+    "@sentry/core": "8.55.0",
     "@sentry/react": "^10.2.0",
     "@sentry/react-native": "^6.19.0",
     "@shopify/flash-list": "^2.0.2",
@@ -38,12 +39,11 @@
     "react-native-gesture-handler": "^2.28.0",
     "react-native-image-picker": "^8.2.1",
     "react-native-launch-arguments": "^4.1.0",
-    "react-native-reanimated": "^4.0.1",
+    "react-native-reanimated": "3.19.1",
     "react-native-safe-area-context": "^5.5.2",
     "react-native-screens": "^4.13.1",
     "react-native-svg": "^15.12.1",
     "react-native-webview": "^13.15.0",
-    "react-native-worklets": "^0.4.1",
     "react-redux": "^9.2.0",
     "setimmediate": "^1.0.5"
   },
@@ -63,6 +63,7 @@
     "@types/react": "^19.1.0",
     "@types/react-test-renderer": "^19.1.0",
     "eslint": "^8.19.0",
+    "eslint-plugin-ft-flow": "^3.0.11",
     "jest": "^29.6.3",
     "patch-package": "^8.0.0",
     "prettier": "2.8.8",

samples/react-native/src/App.tsx

@@ -15,7 +15,7 @@ import { Platform } from 'react-native';
 import * as ImagePicker from 'react-native-image-picker';
 
 import RunningIndicator from './components/RunningIndicator';
-import WebviewScreen from './screens/WebviewScreen';
+import WebviewScreen from './Screens/WebviewScreen';
 import getErrorsTab from './tabs/ErrorsTab';
 import getPerformanceTab from './tabs/PerformanceTab';
 import getPlaygroundTab from './tabs/PlaygroundTab';
@@ -89,8 +89,8 @@ Sentry.init({
       patchGlobalPromise:
         Platform.OS === 'ios' && isTurboModuleEnabled()
           ? // The global patch doesn't work on iOS with the New Architecture in this Sample app
-            // In
-            false
+          // In
+          false
           : true,
     }),
     Sentry.feedbackIntegration({

samples/react-native/src/tabs/ErrorsTab.tsx

@@ -6,7 +6,7 @@ import * as Sentry from '@sentry/react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { Provider } from 'react-redux';
 
-import ErrorsScreen from '../screens/ErrorsScreen';
+import ErrorsScreen from '../Screens/ErrorsScreen';
 import store from '../store';
 
 const styles = StyleSheet.create({

samples/react-native/src/tabs/PerformanceTab.tsx

@@ -6,14 +6,14 @@ import * as Sentry from '@sentry/react-native';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { Provider } from 'react-redux';
 
-import GesturesTracingScreen from '../screens/GesturesTracingScreen';
-import HeavyNavigationScreen from '../screens/HeavyNavigationScreen';
-import ManualTrackerScreen from '../screens/ManualTrackerScreen';
-import PerformanceScreen from '../screens/PerformanceScreen';
-import PerformanceTimingScreen from '../screens/PerformanceTimingScreen';
-import ReduxScreen from '../screens/ReduxScreen';
-import SpaceflightNewsScreen from '../screens/SpaceflightNewsScreen';
-import TrackerScreen from '../screens/TrackerScreen';
+import GesturesTracingScreen from '../Screens/GesturesTracingScreen';
+import HeavyNavigationScreen from '../Screens/HeavyNavigationScreen';
+import ManualTrackerScreen from '../Screens/ManualTrackerScreen';
+import PerformanceScreen from '../Screens/PerformanceScreen';
+import PerformanceTimingScreen from '../Screens/PerformanceTimingScreen';
+import ReduxScreen from '../Screens/ReduxScreen';
+import SpaceflightNewsScreen from '../Screens/SpaceflightNewsScreen';
+import TrackerScreen from '../Screens/TrackerScreen';
 import store from '../store';
 
 const styles = StyleSheet.create({

yarn.lock

@@ -15986,6 +15986,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-plugin-ft-flow@npm:^3.0.11":
+  version: 3.0.11
+  resolution: "eslint-plugin-ft-flow@npm:3.0.11"
+  dependencies:
+    lodash: ^4.17.21
+    string-natural-compare: ^3.0.1
+  peerDependencies:
+    eslint: ^8.56.0 || ^9.0.0
+    hermes-eslint: ">=0.15.0"
+  checksum: eba55022633424b7c5e491d4939eeba5525f5b1345a9fa0846a47f508885b91a0ee2a008276e4031260d0f9c1d971903b7469d8915ebc668cce67a01cdb808d0
+  languageName: node
+  linkType: hard
+
 "eslint-plugin-import@npm:^2.22.0":
   version: 2.29.1
   resolution: "eslint-plugin-import@npm:2.29.1"
@@ -26020,6 +26033,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-native-is-edge-to-edge@npm:1.1.7":
+  version: 1.1.7
+  resolution: "react-native-is-edge-to-edge@npm:1.1.7"
+  peerDependencies:
+    react: "*"
+    react-native: "*"
+  checksum: 4cdf2b2fb5b131f2015c26d2cb7688b4a0c5f3c8474b1bf0ddfa9eabb0263df440c87262ae8f812a6ecab0d5310df0373bddad4b51f53dabb2ffee01e9ef0f44
+  languageName: node
+  linkType: hard
+
 "react-native-is-edge-to-edge@npm:^1.1.6":
   version: 1.1.6
   resolution: "react-native-is-edge-to-edge@npm:1.1.6"
@@ -26110,6 +26133,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-native-reanimated@npm:3.19.1":
+  version: 3.19.1
+  resolution: "react-native-reanimated@npm:3.19.1"
+  dependencies:
+    "@babel/plugin-transform-arrow-functions": ^7.0.0-0
+    "@babel/plugin-transform-class-properties": ^7.0.0-0
+    "@babel/plugin-transform-classes": ^7.0.0-0
+    "@babel/plugin-transform-nullish-coalescing-operator": ^7.0.0-0
+    "@babel/plugin-transform-optional-chaining": ^7.0.0-0
+    "@babel/plugin-transform-shorthand-properties": ^7.0.0-0
+    "@babel/plugin-transform-template-literals": ^7.0.0-0
+    "@babel/plugin-transform-unicode-regex": ^7.0.0-0
+    "@babel/preset-typescript": ^7.16.7
+    convert-source-map: ^2.0.0
+    invariant: ^2.2.4
+    react-native-is-edge-to-edge: 1.1.7
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+    react: "*"
+    react-native: "*"
+  checksum: 679c737e6fc775102a31c077552b37889c3a18eeefcfd5b213925d2014ce71d0643cf7501e03ac3b65157eea862c9976dca3987eaa2e3377d21fc095b82cb998
+  languageName: node
+  linkType: hard
+
 "react-native-reanimated@npm:3.8.1":
   version: 3.8.1
   resolution: "react-native-reanimated@npm:3.8.1"
@@ -26130,21 +26177,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-native-reanimated@npm:^4.0.1":
-  version: 4.0.2
-  resolution: "react-native-reanimated@npm:4.0.2"
-  dependencies:
-    react-native-is-edge-to-edge: ^1.2.1
-    semver: 7.7.2
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-    react: "*"
-    react-native: "*"
-    react-native-worklets: ">=0.4.0"
-  checksum: 8394194df230d2173bc08e2208946c5bc6bd0715831a82a7826edd07a071c681808fae305e50e80d3258eb0f1d3268c1ac4eb692fefaf48f8e803dc4555119bc
-  languageName: node
-  linkType: hard
-
 "react-native-safe-area-context@npm:4.8.0":
   version: 4.8.0
   resolution: "react-native-safe-area-context@npm:4.8.0"
@@ -26313,28 +26345,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-native-worklets@npm:^0.4.1":
-  version: 0.4.1
-  resolution: "react-native-worklets@npm:0.4.1"
-  dependencies:
-    "@babel/plugin-transform-arrow-functions": ^7.0.0-0
-    "@babel/plugin-transform-class-properties": ^7.0.0-0
-    "@babel/plugin-transform-classes": ^7.0.0-0
-    "@babel/plugin-transform-nullish-coalescing-operator": ^7.0.0-0
-    "@babel/plugin-transform-optional-chaining": ^7.0.0-0
-    "@babel/plugin-transform-shorthand-properties": ^7.0.0-0
-    "@babel/plugin-transform-template-literals": ^7.0.0-0
-    "@babel/plugin-transform-unicode-regex": ^7.0.0-0
-    "@babel/preset-typescript": ^7.16.7
-    convert-source-map: ^2.0.0
-  peerDependencies:
-    "@babel/core": ^7.0.0-0
-    react: "*"
-    react-native: "*"
-  checksum: c6b0f0598ddc9eb7a6053b72bb86a374fc4b159fbc9dd740dde900fccdfb87bb7439a354d309618511c20bef4b4ab72ca31507b414fb8bd306b78bd31e1c507b
-  languageName: node
-  linkType: hard
-
 "react-native@npm:0.70.15":
   version: 0.70.15
   resolution: "react-native@npm:0.70.15"
@@ -28047,7 +28057,8 @@ __metadata:
     "@react-navigation/native-stack": ^7.3.24
     "@react-navigation/stack": ^7.4.5
     "@reduxjs/toolkit": ^2.8.2
-    "@sentry/babel-plugin-component-annotate": 4.0.2
+    "@sentry/babel-plugin-component-annotate": 4.1.0
+    "@sentry/core": 8.55.0
     "@sentry/react": ^10.2.0
     "@sentry/react-native": ^6.19.0
     "@shopify/flash-list": ^2.0.2
@@ -28056,6 +28067,7 @@ __metadata:
     "@types/react-test-renderer": ^19.1.0
     delay: ^6.0.0
     eslint: ^8.19.0
+    eslint-plugin-ft-flow: ^3.0.11
     jest: ^29.6.3
     patch-package: ^8.0.0
     prettier: 2.8.8
@@ -28064,12 +28076,11 @@ __metadata:
     react-native-gesture-handler: ^2.28.0
     react-native-image-picker: ^8.2.1
     react-native-launch-arguments: ^4.1.0
-    react-native-reanimated: ^4.0.1
+    react-native-reanimated: 3.19.1
     react-native-safe-area-context: ^5.5.2
     react-native-screens: ^4.13.1
     react-native-svg: ^15.12.1
     react-native-webview: ^13.15.0
-    react-native-worklets: ^0.4.1
     react-redux: ^9.2.0
     react-test-renderer: 19.1.0
     sentry-react-native-samples-utils: "workspace:^"