fix: add Expo 55 compatibility (#3490)

This PR should address Expo 55 compatibility issues for the SDK.
Although this has already been addressed in
`@gorhom/react-native-bottom-sheet`, the latter versions (containing the
fix) are broken due to many other reasons (mostly around keyboard
handling).

Thus, we cherry-pick a direct patch and apply it to `v5.1.8` of the
bottom sheet for the time being. As a more permanent solution, we'll be
looking into probably rewriting the attachment picker logic to use our
own bottom sheet.

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

<!-- 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>

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

- [ ] 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

examples/ExpoMessaging/app.json

@@ -18,7 +18,9 @@
     "experiments": {
       "reactCompiler": true
     },
-    "assetBundlePatterns": ["**/*"],
+    "assetBundlePatterns": [
+      "**/*"
+    ],
     "ios": {
       "supportsTablet": true,
       "usesIcloudStorage": true,
@@ -86,16 +88,22 @@
         "expo-build-properties",
         {
           "android": {
-            "extraMavenRepos": ["$rootDir/../../../node_modules/@notifee/react-native/android/libs"]
+            "extraMavenRepos": [
+              "$rootDir/../../../node_modules/@notifee/react-native/android/libs"
+            ]
           },
           "ios": {
             "useFrameworks": "static",
-            "forceStaticLinking": ["RNFBApp", "RNFBMessaging"]
+            "forceStaticLinking": [
+              "RNFBApp",
+              "RNFBMessaging"
+            ]
           }
         }
       ],
       "./plugins/keyboardInsetMainActivityListener.js",
-      "./plugins/opSqliteSwiftPlugin.js"
+      "./plugins/opSqliteSwiftPlugin.js",
+      "expo-sharing"
     ]
   }
 }

examples/ExpoMessaging/context/AppContext.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren, createContext, useState } from 'react';
+import React, { PropsWithChildren, createContext, useState } from 'react';
 import { Channel as ChannelType } from 'stream-chat';
 import { ThreadContextValue } from 'stream-chat-expo';
 

examples/ExpoMessaging/firebase.json

@@ -0,0 +1,5 @@
+{
+  "react-native": {
+    "messaging_android_notification_color": "@color/colorPrimary"
+  }
+}

examples/ExpoMessaging/package.json

@@ -15,48 +15,52 @@
   },
   "dependencies": {
     "@notifee/react-native": "^9.1.8",
-    "@op-engineering/op-sqlite": "^14.0.4",
+    "@op-engineering/op-sqlite": "^15.2.7",
     "@react-native-async-storage/async-storage": "2.2.0",
-    "@react-native-community/netinfo": "11.4.1",
+    "@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.6.4",
-    "@react-navigation/native": "^7.1.8",
+    "@react-navigation/elements": "^2.9.10",
+    "@react-navigation/native": "^7.1.33",
+    "@react-navigation/native-stack": "^7.14.5",
     "@shopify/flash-list": "2.0.2",
-    "expo": "54.0.22",
-    "expo-audio": "~1.0.14",
-    "expo-build-properties": "~1.0.9",
-    "expo-clipboard": "~8.0.7",
-    "expo-constants": "~18.0.10",
-    "expo-document-picker": "~14.0.7",
-    "expo-file-system": "~19.0.17",
-    "expo-haptics": "~15.0.7",
-    "expo-image-manipulator": "~14.0.7",
-    "expo-image-picker": "~17.0.8",
-    "expo-linking": "~8.0.8",
-    "expo-location": "~19.0.7",
-    "expo-router": "~6.0.14",
-    "expo-sharing": "~14.0.7",
-    "expo-splash-screen": "~31.0.10",
-    "expo-status-bar": "~3.0.8",
-    "expo-video": "~3.0.14",
-    "react": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-gesture-handler": "~2.28.0",
-    "react-native-maps": "1.20.1",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-screens": "~4.16.0",
-    "react-native-svg": "15.12.1",
+    "expo": "^55.0.6",
+    "expo-audio": "~55.0.8",
+    "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-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",
+    "react-native-web": "^0.21.0",
     "react-native-teleport": "^1.0.2",
-    "react-native-worklets": "0.5.1",
+    "react-native-worklets": "0.7.2",
     "stream-chat-expo": "link:../../package/expo-package",
     "stream-chat-react-native-core": "link:../../package"
   },
   "devDependencies": {
     "@rnx-kit/metro-config": "^2.1.2",
     "@rnx-kit/metro-resolver-symlinks": "^0.2.6",
-    "@types/react": "~19.1.0",
+    "@types/react": "~19.2.10",
     "typescript": "~5.9.2"
   },
   "private": true