chore: rn 0.85 upgrade of SampleApp and rngh 3 support (#3629)

## 🎯 Goal

This PR bumps our `SampleApp` to React Native 0.85 as well adding
support for some major dependencies, such as:

- `react-native-gesture-handler` - `3.0.0`
- `react-native-reanimated` `4.4`

## 🛠 Implementation details

<!-- Provide a description of the implementation -->

## 🎨 UI Changes

<!-- Add relevant screenshots -->

<details>
<summary>iOS</summary>


<table>
    <thead>
        <tr>
            <td>Before</td>
            <td>After</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!--<img src="" /> -->
            </td>
            <td>
                <!--<img src="" /> -->
            </td>
        </tr>
    </tbody>
</table>
</details>


<details>
<summary>Android</summary>

<table>
    <thead>
        <tr>
            <td>Before</td>
            <td>After</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!--<img src="" /> -->
            </td>
            <td>
                <!--<img src="" /> -->
            </td>
        </tr>
    </tbody>
</table>
</details>

## 🧪 Testing

<!-- Explain how this change can be tested (or why it can't be tested)
-->

## ☑️ Checklist

- [ ] I have signed the [Stream
CLA](https://docs.google.com/forms/d/e/1FAIpQLScFKsKkAJI7mhCr7K9rEIOpqIDThrWxuvxnwUq2XkHyG154vQ/viewform)
(required)
- [ ] PR targets the `develop` branch
- [ ] Documentation is updated
- [ ] New code is tested in main example apps, including all possible
scenarios
  - [ ] SampleApp iOS and Android
  - [ ] Expo iOS and Android

Author: isekovanic

…/expo-audio-npm-55.0.14-05ad820099.patch …/expo-audio-npm-56.0.11-1049fdcaa1.patch.yarn/patches/expo-audio-npm-55.0.14-05ad820099.patch renamed to .yarn/patches/expo-audio-npm-56.0.11-1049fdcaa1.patch .yarn/patches/expo-audio-npm-55.0.14-05ad820099.patch renamed to .yarn/patches/expo-audio-npm-56.0.11-1049fdcaa1.patch

@@ -1,8 +1,8 @@
 diff --git a/android/src/main/java/expo/modules/audio/AudioModule.kt b/android/src/main/java/expo/modules/audio/AudioModule.kt
-index 72a6e9e990bdc9bab549536981fc2e08eeb4837e..6e12fa5e4e17e39eeee171e265ba254f83991ef7 100644
+index 992239ba7631ce0c97c0b41c5fbf61cc842386fe..ebc0933beaf40414887ff634029ca8eb0d0558c9 100644
 --- a/android/src/main/java/expo/modules/audio/AudioModule.kt
 +++ b/android/src/main/java/expo/modules/audio/AudioModule.kt
-@@ -27,6 +27,9 @@ import androidx.media3.exoplayer.hls.HlsMediaSource
+@@ -28,6 +28,9 @@ import androidx.media3.exoplayer.hls.HlsMediaSource
  import androidx.media3.exoplayer.smoothstreaming.SsMediaSource
  import androidx.media3.exoplayer.source.MediaSource
  import androidx.media3.exoplayer.source.ProgressiveMediaSource
@@ -12,7 +12,7 @@ index 72a6e9e990bdc9bab549536981fc2e08eeb4837e..6e12fa5e4e17e39eeee171e265ba254f
  import expo.modules.interfaces.permissions.Permissions
  import expo.modules.kotlin.Promise
  import expo.modules.kotlin.exception.Exceptions
-@@ -851,7 +854,12 @@ class AudioModule : Module() {
+@@ -931,7 +934,12 @@ class AudioModule : Module() {
        CONTENT_TYPE_SS -> SsMediaSource.Factory(factory)
        CONTENT_TYPE_DASH -> DashMediaSource.Factory(factory)
        CONTENT_TYPE_HLS -> HlsMediaSource.Factory(factory)
@@ -27,7 +27,7 @@ index 72a6e9e990bdc9bab549536981fc2e08eeb4837e..6e12fa5e4e17e39eeee171e265ba254f
      }.createMediaSource(mediaItem)
    }
 diff --git a/expo-module.config.json b/expo-module.config.json
-index 52e634b2b196055a6007d4a37d441670756f155a..9a131dd948d2eb5adf3cf9b759829a0e8fed15a1 100644
+index 9ee5fdcd7a6e698c8cdcf42ee137239220aec190..9a131dd948d2eb5adf3cf9b759829a0e8fed15a1 100644
 --- a/expo-module.config.json
 +++ b/expo-module.config.json
 @@ -4,12 +4,6 @@
@@ -38,7 +38,7 @@ index 52e634b2b196055a6007d4a37d441670756f155a..9a131dd948d2eb5adf3cf9b759829a0e
 -    "publication": {
 -      "groupId": "expo.modules.audio",
 -      "artifactId": "expo.modules.audio",
--      "version": "55.0.14",
+-      "version": "56.0.11",
 -      "repository": "local-maven-repo"
 -    }
 +    "modules": ["expo.modules.audio.AudioModule"]

examples/ExpoMessaging/app.json

@@ -2,16 +2,9 @@
   "expo": {
     "name": "ExpoMessaging",
     "slug": "ExpoMessaging",
-    "privacy": "public",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
-    "splash": {
-      "image": "./assets/splash.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
-    "newArchEnabled": true,
     "updates": {
       "fallbackToCacheTimeout": 0
     },
@@ -50,8 +43,16 @@
       "favicon": "./assets/favicon.png",
       "bundler": "metro"
     },
-    "scheme": "ExpoMessaging",
+    "scheme": "expomessaging",
     "plugins": [
+      [
+        "expo-splash-screen",
+        {
+          "image": "./assets/splash.png",
+          "resizeMode": "contain",
+          "backgroundColor": "#ffffff"
+        }
+      ],
       [
         "expo-location",
         {

examples/ExpoMessaging/app/channel/[cid]/index.tsx

@@ -2,8 +2,8 @@ import React, { useContext, useEffect, useState } from 'react';
 
 import { StyleSheet, View } from 'react-native';
 
-import { useHeaderHeight } from '@react-navigation/elements';
 import { Stack, useLocalSearchParams, useRouter } from 'expo-router';
+import { useHeaderHeight } from 'expo-router/react-navigation';
 import type { Channel as StreamChatChannel } from 'stream-chat';
 import {
   Channel,

examples/ExpoMessaging/app/channel/[cid]/thread/[cid]/index.tsx

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react';
 import { Platform } from 'react-native';
 
-import { useHeaderHeight } from '@react-navigation/elements';
 import { Stack } from 'expo-router';
+import { useHeaderHeight } from 'expo-router/react-navigation';
 import { Channel, Thread } from 'stream-chat-expo';
 
 import { AppContext } from '../../../../../context/AppContext';

examples/ExpoMessaging/components/ChatWrapper.tsx

@@ -54,8 +54,17 @@ export const ChatWrapper = ({ children }: PropsWithChildren) => {
 
   return (
     <WithComponents overrides={componentOverrides}>
-      <OverlayProvider i18nInstance={streami18n} value={{ style: theme }}>
-        <Chat client={chatClient} i18nInstance={streami18n} enableOfflineSupport>
+      <OverlayProvider
+        accessibility={{ enabled: true }}
+        i18nInstance={streami18n}
+        value={{ style: theme }}
+      >
+        <Chat
+          client={chatClient}
+          i18nInstance={streami18n}
+          enableOfflineSupport
+          useNativeMultipartUpload
+        >
           {children}
         </Chat>
       </OverlayProvider>

examples/ExpoMessaging/package.json

@@ -13,46 +13,44 @@
   },
   "dependencies": {
     "@notifee/react-native": "^9.1.8",
-    "@op-engineering/op-sqlite": "^15.2.7",
+    "@op-engineering/op-sqlite": "^16.2.0",
     "@react-native-async-storage/async-storage": "2.2.0",
-    "@react-native-community/netinfo": "11.5.2",
-    "@react-native-firebase/app": "^23.4.0",
-    "@react-native-firebase/messaging": "^23.4.0",
-    "@react-navigation/elements": "^2.9.10",
-    "@react-navigation/native": "^7.1.33",
-    "@react-navigation/native-stack": "^7.14.5",
+    "@react-native-community/netinfo": "12.0.1",
+    "@react-native-firebase/app": "^24.0.0",
+    "@react-native-firebase/messaging": "^24.0.0",
     "@shopify/flash-list": "^2.3.1",
-    "expo": "^55.0.6",
-    "expo-audio": "patch:expo-audio@npm%3A55.0.14#~/.yarn/patches/expo-audio-npm-55.0.14-05ad820099.patch",
-    "expo-build-properties": "~55.0.9",
-    "expo-clipboard": "~55.0.8",
-    "expo-constants": "~55.0.7",
-    "expo-document-picker": "~55.0.8",
-    "expo-file-system": "~55.0.10",
-    "expo-haptics": "~55.0.8",
-    "expo-image-manipulator": "~55.0.10",
-    "expo-image-picker": "~55.0.12",
-    "expo-linking": "~55.0.7",
-    "expo-location": "~55.1.2",
-    "expo-media-library": "~55.0.9",
-    "expo-router": "~55.0.5",
-    "expo-sharing": "~55.0.11",
-    "expo-splash-screen": "~55.0.10",
-    "expo-status-bar": "~55.0.4",
-    "expo-video": "~55.0.10",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "react-native": "0.83.2",
-    "react-native-gesture-handler": "~2.30.0",
-    "react-native-keyboard-controller": "1.20.7",
-    "react-native-maps": "1.26.20",
-    "react-native-reanimated": "4.2.1",
-    "react-native-safe-area-context": "~5.6.2",
-    "react-native-screens": "~4.23.0",
-    "react-native-svg": "15.15.3",
+    "expo": "^56.0.0",
+    "expo-asset": "~56.0.0",
+    "expo-audio": "patch:expo-audio@npm%3A56.0.11#~/.yarn/patches/expo-audio-npm-56.0.11-1049fdcaa1.patch",
+    "expo-build-properties": "~56.0.0",
+    "expo-clipboard": "~56.0.0",
+    "expo-constants": "~56.0.0",
+    "expo-document-picker": "~56.0.0",
+    "expo-file-system": "~56.0.0",
+    "expo-haptics": "~56.0.0",
+    "expo-image-manipulator": "~56.0.0",
+    "expo-image-picker": "~56.0.0",
+    "expo-linking": "~56.0.0",
+    "expo-location": "~56.0.0",
+    "expo-media-library": "~56.0.0",
+    "expo-router": "~56.2.8",
+    "expo-sharing": "~56.0.0",
+    "expo-splash-screen": "~56.0.0",
+    "expo-status-bar": "~56.0.0",
+    "expo-video": "~56.1.2",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-gesture-handler": "~2.31.1",
+    "react-native-keyboard-controller": "1.21.6",
+    "react-native-maps": "1.27.2",
+    "react-native-reanimated": "4.3.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "4.25.2",
+    "react-native-svg": "15.15.4",
     "react-native-teleport": "^1.0.2",
     "react-native-web": "^0.21.0",
-    "react-native-worklets": "0.7.2",
+    "react-native-worklets": "0.8.3",
     "stream-chat": "^9.44.2",
     "stream-chat-expo": "workspace:^",
     "stream-chat-react-native-core": "workspace:^"
@@ -63,5 +61,22 @@
     "@types/react": "~19.2.10",
     "typescript": "~5.9.2"
   },
+  "expo": {
+    "install": {
+      "exclude": [
+        "@shopify/flash-list",
+        "typescript"
+      ]
+    },
+    "doctor": {
+      "reactNativeDirectoryCheck": {
+        "exclude": [
+          "@notifee/react-native",
+          "expo-modules-jsi"
+        ],
+        "listUnknownPackages": false
+      }
+    }
+  },
   "private": true
 }

examples/SampleApp/Gemfile

@@ -6,9 +6,8 @@ ruby ">= 2.6.10"
 # Exclude problematic versions of cocoapods and activesupport that causes build failures.
 gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
 gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
-gem 'xcodeproj', '< 1.26.0'
-gem 'concurrent-ruby', '< 1.3.4'
 gem 'fastlane'
+gem 'nkf'
 gem 'rubocop-performance'
 gem 'rubocop-require_tools'
 gem 'bigdecimal'

examples/SampleApp/Gemfile.lock

@@ -353,16 +353,15 @@ DEPENDENCIES
   benchmark
   bigdecimal
   cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
-  concurrent-ruby (< 1.3.4)
   fastlane
   fastlane-plugin-firebase_app_distribution
   fastlane-plugin-load_json
   fastlane-plugin-stream_actions (= 0.3.73)
   logger
   mutex_m
+  nkf
   rubocop-performance
   rubocop-require_tools
-  xcodeproj (< 1.26.0)
 
 RUBY VERSION
    ruby 3.3.4p94

examples/SampleApp/android/app/build.gradle

@@ -135,7 +135,7 @@ dependencies {
         implementation jscFlavor
     }
 
-    implementation platform('com.google.firebase:firebase-bom:29.3.0')
+    implementation platform('com.google.firebase:firebase-bom:34.13.0')
     implementation("androidx.swiperefreshlayout:swiperefreshlayout:1.0.0")
 
     // For React native video

examples/SampleApp/android/app/src/main/java/com/sampleapp/MainApplication.kt

@@ -5,37 +5,20 @@ import com.facebook.react.PackageList
 import com.facebook.react.ReactApplication
 import com.facebook.react.ReactHost
 import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.ReactPackage
 import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
-import com.facebook.react.defaults.DefaultReactNativeHost
-
-import com.facebook.react.ViewManagerOnDemandReactPackage
-import android.util.Log
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.bridge.ReactContext
-import com.facebook.react.ReactInstanceEventListener
 
 class MainApplication : Application(), ReactApplication {
 
-    override val reactNativeHost: ReactNativeHost =
-        object : DefaultReactNativeHost(this) {
-            override fun getPackages(): List<ReactPackage> =
+    override val reactHost: ReactHost by lazy {
+        getDefaultReactHost(
+            context = applicationContext,
+            packageList =
                 PackageList(this).packages.apply {
                     // Packages that cannot be autolinked yet can be added manually here, for example:
                     // add(MyReactNativePackage())
-                }
-
-            override fun getJSMainModuleName(): String = "index"
-
-            override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
-
-            override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
-            override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
-        }
-
-    override val reactHost: ReactHost
-        get() = getDefaultReactHost(applicationContext, reactNativeHost)
+                },
+        )
+    }
 
     override fun onCreate() {
         super.onCreate()