Approach working upgrade.

Author: jameswilddev

jest.ts

@@ -15,11 +15,9 @@ jest.mock('react-native/Libraries/Linking/Linking', () => ({
   openURL: jest.fn()
 }))
 
-jest.mock('sentry-expo', () => {
+jest.mock('@sentry/react-native', () => {
   return {
-    Native: {
-      captureException: jest.fn()
-    }
+    captureException: jest.fn()
   }
 })
 

package-lock.json

@@ -17,8 +17,7 @@
   "license": "MIT",
   "devDependencies": {
     "@types/jest": "^29.5.4",
-    "@types/react": "~18.3.12",
-    "@types/react-test-renderer": "^18.0.0",
+    "@types/react": "~19.0.10",
     "@typescript-eslint/eslint-plugin": "^6.4.1",
     "del-cli": "^5.0.0",
     "eslint": "^8.47.0",
@@ -30,13 +29,12 @@
     "eslint-plugin-react": "^7.33.2",
     "expo-doctor": "^1.1.2",
     "jest": "^29.4.0",
-    "jest-expo": "~52.0.3",
+    "jest-expo": "~53.0.7",
     "metro-react-native-babel-preset": "0.67.0",
     "npm-run-all": "^4.1.5",
-    "react": "18.3.1",
-    "react-native": "0.76.6",
-    "react-test-renderer": "18.2.0",
-    "typescript": "~5.3.3"
+    "react": "19.0.0",
+    "react-native": "0.79.3",
+    "typescript": "~5.8.3"
   },
   "peerDependencies": {
     "react": "*",
@@ -58,18 +56,20 @@
   "types": "index.d.ts",
   "sideEffects": false,
   "dependencies": {
+    "@sentry/react-native": "6.14.0",
+    "@types/react-test-renderer": "^19.1.0",
     "events": "3.3.0",
-    "expo": "^52.0.27",
-    "expo-constants": "~17.0.4",
-    "expo-crypto": "~14.0.2",
-    "expo-file-system": "~18.0.7",
-    "expo-image-picker": "~16.0.4",
-    "expo-intent-launcher": "~12.0.2",
-    "expo-media-library": "~17.0.5",
-    "expo-secure-store": "~14.0.1",
+    "expo": "^53.0.11",
+    "expo-constants": "~17.1.6",
+    "expo-crypto": "~14.1.5",
+    "expo-file-system": "~18.1.10",
+    "expo-image-picker": "~16.1.4",
+    "expo-intent-launcher": "~12.1.5",
+    "expo-media-library": "~17.1.7",
+    "expo-secure-store": "~14.2.3",
     "filter-validate-email": "^1.1.3",
-    "react-native-gesture-handler": "~2.20.2",
-    "react-native-safe-area-context": "4.12.0",
-    "sentry-expo": "~7.0.0"
+    "react-native-gesture-handler": "~2.24.0",
+    "react-native-safe-area-context": "5.4.0",
+    "react-test-renderer": "19.0.x"
   }
 }

package.json

@@ -1873,9 +1873,9 @@ test('accepts button presses within the flat list', () => {
       unhighlight: stub,
       updateProps: stub
     }
-  })
+  });
 
-  unselectedItem?.props.onPress()
+  (unselectedItem as { readonly props: { onPress: () => void } }).props.onPress()
 
   renderer.unmount()
   expect(onChange).toHaveBeenCalledTimes(1)

react-native/components/createCreatableSelectComponent/createCreatableSelectChildrenComponent/unit.tsx

@@ -22,22 +22,22 @@ export const createFileStoreManagerComponent = (
   /**
    * A React element to display when nothing is to be loaded.
    */
-  readonly unloaded: null | JSX.Element
+  readonly unloaded: null | React.JSX.Element
 
   /**
    * A React element to display when loading is in progress.
    */
-  readonly loading: null | JSX.Element
+  readonly loading: null | React.JSX.Element
 
   /**
    * A React element to display when loading has completed.
    */
-  readonly ready: null | JSX.Element
+  readonly ready: null | React.JSX.Element
 
   /**
    * A React element to display when unloading is in progress.
    */
-  readonly unloading: null | JSX.Element
+  readonly unloading: null | React.JSX.Element
 }> => {
   return ({ subdirectoryName, unloaded, loading, ready, unloading }) => {
     const state = React.useRef<

react-native/components/createFileStoreManagerComponent/index.tsx

@@ -41,7 +41,7 @@ type Instance = React.FunctionComponent<{
    * @param close Invoke to close the pop-over.
    * @returns     The contents of the pop-over.
    */
-  children: (close: () => void) => null | JSX.Element
+  children: (close: () => void) => null | React.JSX.Element
 }>
 
 /**

react-native/components/createFullHeightPopoverComponent/index.tsx

@@ -253,7 +253,7 @@ export const createHorizontalSplitButtonComponent = <
       width: 'fitsContent' | 'fillsContainer',
       distribution: 'even' | 'proportional',
       allButtonValues: readonly TValue[]
-    ) => JSX.Element;
+    ) => React.JSX.Element;
   } = {}
 
   for (const typeKey in splitButtonStyle.types) {
@@ -938,7 +938,7 @@ export const createHorizontalSplitButtonComponent = <
       width: 'fitsContent' | 'fillsContainer',
       distribution: 'even' | 'proportional',
       allButtonValues: readonly TValue[]
-    ) => JSX.Element;
+    ) => React.JSX.Element;
   } = partialButtonFactories as {
     [TTypeItem in TType]: (
       value: readonly TValue[],
@@ -950,7 +950,7 @@ export const createHorizontalSplitButtonComponent = <
       width: 'fitsContent' | 'fillsContainer',
       distribution: 'even' | 'proportional',
       allButtonValues: readonly TValue[]
-    ) => JSX.Element;
+    ) => React.JSX.Element;
   }
 
   const SplitButton: Instance<TValue> & {
@@ -965,7 +965,7 @@ export const createHorizontalSplitButtonComponent = <
     return (
       <View style={styles.view}>
         {childrenArray
-          .filter((element): element is JSX.Element => element !== null)
+          .filter((element): element is React.JSX.Element => element !== null)
           .map((element, i) => {
             if (typeof element === 'object' && 'type' in element) {
               for (const typeKey in segments) {

react-native/components/createHorizontalSplitButtonComponent/index.tsx

@@ -12,12 +12,12 @@ type Instance<TValue, TContext> = React.FunctionComponent<{
   /**
    * The icon to show on the left side, if any, else, null.
    */
-  readonly leftIcon: null | React.ReactNode | JSX.Element
+  readonly leftIcon: null | React.ReactNode | React.JSX.Element
 
   /**
    * The icon to show on the right side, if any, else, null.
    */
-  readonly rightIcon: null | React.ReactNode | JSX.Element
+  readonly rightIcon: null | React.ReactNode | React.JSX.Element
 
   /**
    * The value to edit.  When undefined, it is treated as an invalid empty

react-native/components/createInputComponent/index.tsx

@@ -28,12 +28,12 @@ export const createMigratorManagerComponent = <T extends Readonly<Record<string
     /**
      * The JSX to display while the state is migrated.
      */
-    readonly migrating: JSX.Element
+    readonly migrating: React.JSX.Element
 
     /**
      * The JSX to display once the state is migrated.
      */
-    readonly ready: JSX.Element
+    readonly ready: React.JSX.Element
   }> => {
   return ({ state, setState, migrating, ready }) => {
     const executionRequired = migrator.executionRequired(state)

react-native/components/createMigratorManagerComponent/index.tsx

@@ -17,8 +17,8 @@ import type { NullableEmailInputProps } from '../../types/NullableEmailInputProp
  */
 export const createNullableEmailInputComponent = (
   controlStyle: ControlStyle,
-  leftIcon: null | React.ReactNode | JSX.Element,
-  rightIcon: null | React.ReactNode | JSX.Element,
+  leftIcon: null | React.ReactNode | React.JSX.Element,
+  rightIcon: null | React.ReactNode | React.JSX.Element,
   minimumLength: null | number,
   maximumLength: null | number
 ): React.FunctionComponent<NullableEmailInputProps> => {