Update samples to pass the ImagePicker library implementation

samples/expo/app/(tabs)/index.tsx

@@ -57,6 +57,12 @@ export default function TabOneScreen() {
           Sentry.nativeCrash();
         }}
       />
+      <Button
+        title="Show feedback form"
+        onPress={() => {
+          Sentry.showFeedbackForm();
+        }}
+      />
       <Button
         title="Set Scope Properties"
         onPress={() => {

samples/expo/app/_layout.tsx

@@ -11,6 +11,7 @@ import { ErrorEvent } from '@sentry/core';
 import { isExpoGo } from '../utils/isExpoGo';
 import { LogBox } from 'react-native';
 import { isWeb } from '../utils/isWeb';
+import * as ImagePicker from 'expo-image-picker';
 
 export {
   // Catch any errors thrown by the Layout component.
@@ -57,6 +58,9 @@ Sentry.init({
       }),
       navigationIntegration,
       Sentry.reactNativeTracingIntegration(),
+      Sentry.feedbackIntegration({
+        imagePicker: ImagePicker,
+      }),
     );
     if (isWeb()) {
       integrations.push(Sentry.browserReplayIntegration());

samples/expo/package.json

@@ -20,6 +20,7 @@
     "@types/react": "~18.3.12",
     "expo": "^52.0.0",
     "expo-constants": "~17.0.3",
+    "expo-image-picker": "~16.0.5",
     "expo-linking": "~7.0.2",
     "expo-router": "~4.0.5",
     "expo-status-bar": "~2.0.0",

samples/react-native/package.json

@@ -31,7 +31,6 @@
     "react-native": "0.77.0",
     "react-native-gesture-handler": "^2.22.1",
     "react-native-image-picker": "^7.2.2",
-    "react-native-quick-base64": "^2.1.2",
     "react-native-reanimated": "3.16.7",
     "react-native-safe-area-context": "5.2.0",
     "react-native-screens": "4.6.0",

samples/react-native/src/App.tsx

@@ -37,8 +37,7 @@ import { ErrorEvent } from '@sentry/core';
 import HeavyNavigationScreen from './Screens/HeavyNavigationScreen';
 import WebviewScreen from './Screens/WebviewScreen';
 import { isTurboModuleEnabled } from '@sentry/react-native/dist/js/utils/environment';
-import { toByteArray } from 'react-native-quick-base64';
-import { launchImageLibrary } from 'react-native-image-picker';
+import * as ImagePicker from 'react-native-image-picker';
 
 if (typeof setImmediate === 'undefined') {
   require('setimmediate');
@@ -107,6 +106,7 @@ Sentry.init({
           : true,
       }),
       Sentry.feedbackIntegration({
+        imagePicker: ImagePicker,
         styles:{
           submitButton: {
             backgroundColor: '#6a1b9a',
@@ -153,23 +153,6 @@ const Stack = isMobileOs
   : createStackNavigator();
 const Tab = createBottomTabNavigator();
 
-const handleChooseImage = (attachFile: (filename: string, data: Uint8Array) => void): void => {
-  launchImageLibrary({ mediaType: 'photo', includeBase64: true }, (response) => {
-    if (response.didCancel) {
-      console.log('User cancelled image picker');
-    } else if (response.errorCode) {
-      console.log('ImagePicker Error: ', response.errorMessage);
-    } else if (response.assets && response.assets.length > 0) {
-      const filename = response.assets[0].fileName;
-      const base64String = response.assets[0].base64;
-      const screenShotUint8Array = toByteArray(base64String);
-      if (filename && screenShotUint8Array) {
-        attachFile(filename, screenShotUint8Array);
-      }
-    }
-  });
-};
-
 const ErrorsTabNavigator = Sentry.withProfiler(
   () => {
     return (
@@ -189,7 +172,6 @@ const ErrorsTabNavigator = Sentry.withProfiler(
                 <FeedbackForm
                   {...props}
                   enableScreenshot={true}
-                  onAddScreenshot={handleChooseImage}
                   onFormClose={props.navigation.goBack}
                   onFormSubmitted={props.navigation.goBack}
                   styles={{