feat(expo): Update getSentryExpoConfig

CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## Unreleased
 
+This release is compatible with `expo@50.0.0-preview.6` and newer.
+
+- `withSentryExpoSerializers` changes to `getSentryExpoConfig` ([#3501](https://github.com/getsentry/sentry-react-native/pull/3501))
+  - `getSentryExpoConfig` accepts the same parameters as `getDefaultConfig` from `expo/metro-config` and returns Metro configuration
+  - This also works for EAS Updates (and expo export). Debug ID is generated by `expo/metro-config` and used by Sentry.
+
+  ```js
+  const { getSentryExpoConfig } = require("@sentry/react-native/metro");
+  const config = getSentryExpoConfig(config);
+  ```
+
 - Includes fixes from version 5.15.2
 
 ## 5.15.2

package.json

@@ -89,7 +89,7 @@
     "eslint": "^7.6.0",
     "eslint-plugin-react": "^7.20.6",
     "eslint-plugin-react-native": "^3.8.1",
-    "expo": "50.0.0-beta.0",
+    "expo": "50.0.0-preview.8",
     "expo-module-scripts": "^3.1.0",
     "jest": "^29.6.2",
     "jest-environment-jsdom": "^29.6.2",

samples/expo/metro.config.js

@@ -1,10 +1,10 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
 const path = require('path');
 
-const { getDefaultConfig } = require('expo/metro-config');
+const { getSentryExpoConfig } = require('../../metro');
 
 /** @type {import('expo/metro-config').MetroConfig} */
-const config = getDefaultConfig(__dirname, {
+const config = getSentryExpoConfig(__dirname, {
   // [Web-only]: Enables CSS support in Metro.
   isCSSEnabled: true,
 });
@@ -14,6 +14,7 @@ config.watchFolders.push(path.resolve(__dirname, '../../node_modules/@sentry-int
 config.watchFolders.push(path.resolve(__dirname, '../../node_modules/tslib'));
 config.watchFolders.push(path.resolve(__dirname, '../../node_modules/hoist-non-react-statics'));
 config.watchFolders.push(path.resolve(__dirname, '../../node_modules/localforage'));
+config.watchFolders.push(path.resolve(__dirname, '../../node_modules/@react-native/js-polyfills'));
 config.watchFolders.push(`${__dirname}/../../dist`);
 
 const exclusionList = [new RegExp(`${__dirname}/../../node_modules/react-native/.*`)];

samples/expo/package.json

@@ -10,16 +10,16 @@
     "ts:check": "tsc"
   },
   "dependencies": {
-    "@types/react": "^18.2.39",
-    "expo": "50.0.0-beta.0",
-    "expo-constants": "15.4.0",
+    "@types/react": "18.2.45",
+    "expo": "50.0.0-preview.8",
+    "expo-constants": "15.4.2",
     "expo-linking": "6.2.1",
-    "expo-router": "3.3.0",
-    "expo-status-bar": "1.11.0",
-    "expo-web-browser": "12.8.0",
+    "expo-router": "3.4.1",
+    "expo-status-bar": "1.11.1",
+    "expo-web-browser": "12.8.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.73.0-rc.8",
+    "react-native": "0.73.1",
     "react-native-gesture-handler": "~2.14.0",
     "react-native-safe-area-context": "4.7.4",
     "react-native-screens": "~3.27.0",