🔊 migrate to new sentry after upgrading to expo 50

Author: Stringsaeed

App.tsx

@@ -18,4 +18,4 @@ function App() {
   return <AppContainer />;
 }
 
-export default Sentry.Native.wrap(App);
+export default Sentry.wrap(App);

app.config.ts

@@ -27,21 +27,17 @@ export default ({ config }: ConfigContext): ExpoConfig => {
         },
       ],
       "expo-localization",
-      "sentry-expo",
       "expo-notifications",
       "expo-font",
-    ],
-    hooks: {
-      postPublish: [
+      [
+        "@sentry/react-native/expo",
         {
-          config: {
-            organization: process.env.SENTRY_ORG,
-            project: process.env.SENTRY_PROJECT,
-          },
-          file: "sentry-expo/upload-sourcemaps",
+          authToken: process.env.SENTRY_AUTH_TOKEN,
+          organization: process.env.SENTRY_ORG,
+          project: process.env.SENTRY_PROJECT,
         },
       ],
-    },
+    ],
     android: {
       adaptiveIcon: {
         foregroundImage: "./assets/adaptive-icon.png",

metro.config.js

@@ -1,8 +1,8 @@
 // Learn more https://docs.expo.io/guides/customizing-metro
-const { getDefaultConfig } = require("expo/metro-config");
+const { getSentryExpoConfig } = require("@sentry/react-native/metro");
 
 /** @type {import('expo/metro-config').MetroConfig} */
-const defaultConfig = getDefaultConfig(__dirname, {
+const defaultConfig = getSentryExpoConfig(__dirname, {
   // [Web-only]: Enables CSS support in Metro.
   isCSSEnabled: true,
 });

src/hooks/use-note-form/index.ts

@@ -31,7 +31,7 @@ export default function useNoteForm(note: Note) {
           id: note.id,
         });
       } catch (e) {
-        Sentry.Native.captureException(e);
+        Sentry.captureException(e);
       }
       setSubmitting(false);
     },

src/hooks/use-note-privacy-mutation/index.ts

@@ -26,7 +26,7 @@ async function toggleNotePrivacy({ note }: { note: Note }) {
     await NoteService.update(note.id!, { is_private: isPrivate });
     return isPrivate;
   } catch (e) {
-    Sentry.Native.captureException(e);
+    Sentry.captureException(e);
     return false;
   }
 }

src/hooks/use-update-note-mutation/index.ts

@@ -24,7 +24,7 @@ async function updateNote(input: UpdateNoteMutationInput) {
 export default function useUpdateNoteMutation() {
   return useMutation(updateNote, {
     onError(error, variables, context) {
-      Sentry.Native.captureException(error, {
+      Sentry.captureException(error, {
         extra: { variables, context },
       });
     },

src/services/sentry/index.ts

@@ -1,13 +1,12 @@
-import * as Sentry from "sentry-expo";
+import * as Sentry from "@sentry/react-native";
 
 import { config } from "config";
 
-const routingInstrumentation =
-  new Sentry.Native.ReactNavigationInstrumentation();
+const routingInstrumentation = new Sentry.ReactNavigationInstrumentation();
 
-Sentry.Native.init({
+Sentry.init({
   integrations: [
-    new Sentry.Native.ReactNativeTracing({
+    new Sentry.ReactNativeTracing({
       routingInstrumentation,
     }),
   ],