chore: update React Native version from 0.82 to 0.87

.github/workflows/ci.yml

@@ -17,7 +17,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
@@ -47,7 +47,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
@@ -69,7 +69,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
@@ -91,7 +91,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}
@@ -119,7 +119,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [24.x]
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js ${{ matrix.node-version }}

.github/workflows/publish-sample.yml

@@ -34,7 +34,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '24'
           cache: 'yarn'
 
       - name: Setup Ruby
@@ -98,7 +98,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '24'
           cache: 'yarn'
 
       - name: Setup Java

.nvmrc

@@ -1 +1 @@
-18
+24

docs-validation/package.json

@@ -11,41 +11,40 @@
     "@bam.tech/react-native-image-resizer": "^3.0.10",
     "@react-native-camera-roll/camera-roll": "^7.8.1",
     "@react-native-clipboard/clipboard": "^1.14.1",
-    "@react-native-documents/picker": "^10.1.0",
+    "@react-native-documents/picker": "^12.0.2",
     "@react-native-firebase/messaging": "^19.3.0",
     "@react-navigation/native": "^6.1.17",
     "@react-navigation/native-stack": "^6.10.0",
     "@sendbird/chat": "^4.20.2",
     "@sendbird/react-native-create-thumbnail": "^1.0.2",
     "date-fns": "^4.1.0",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.3",
+    "react-native": "0.87.1",
     "react-native-file-access": "^3.1.0",
     "react-native-image-picker": "^8.2.0",
-    "react-native-mmkv": "^4.0.0",
-    "react-native-nitro-modules": "^0.31.5",
-    "react-native-nitro-sound": "^0.2.9",
+    "react-native-mmkv": "^4.3.2",
+    "react-native-nitro-modules": "^0.37.1",
+    "react-native-nitro-sound": "^0.2.20",
     "react-native-permissions": "^5.3.0",
-    "react-native-safe-area-context": "^5.5.2",
-    "react-native-video": "^6.3.0"
+    "react-native-safe-area-context": "^5.10.0",
+    "react-native-video": "^6.19.3"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "@babel/preset-env": "^7.25.3",
     "@babel/runtime": "^7.25.0",
     "@react-native-community/eslint-config": "^2.0.0",
-    "@react-native/babel-preset": "0.82.1",
+    "@react-native/babel-preset": "0.87.1",
     "@types/jest": "^29.4.0",
     "@types/react": "*",
-    "@types/react-native": "*",
     "@typescript-eslint/eslint-plugin": "^6.9.1",
     "@typescript-eslint/parser": "^6.9.1",
     "babel-jest": "^29.4.3",
     "babel-loader": "^8.2.3",
     "eslint": "^8.52.0",
     "jest": "^29.4.3",
     "react-dom": "18.2.0",
-    "react-test-renderer": "19.1.1",
+    "react-test-renderer": "19.2.3",
     "typescript": "5.8.3"
   }
 }

docs-validation/tsconfig.build.json

@@ -1,7 +1,9 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "paths": {}
+    "paths": {
+      "react-native": ["./node_modules/react-native/types"]
+    }
   },
   "exclude": ["**/__tests__/**"]
 }

package.json

@@ -39,6 +39,7 @@
     "make:feat": "yarn workspace @sendbird/uikit-react-native create-domain"
   },
   "devDependencies": {
+    "@react-native/jest-preset": "0.87.1",
     "@testing-library/react-native": "12.5.1",
     "@trivago/prettier-plugin-sort-imports": "^4.2.1",
     "@types/jest": "^29.4.0",
@@ -57,18 +58,18 @@
     "patch-package": "^6.4.7",
     "postinstall-postinstall": "^2.1.0",
     "prettier": "^2.8.8",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.3",
+    "react-native": "0.87.1",
     "react-native-builder-bob": "^0.18.0",
     "react-native-fast-image": "^8.6.3",
-    "react-native-safe-area-context": "^5.5.2",
-    "react-test-renderer": "19.1.1",
+    "react-native-safe-area-context": "^5.10.0",
+    "react-test-renderer": "19.2.3",
     "typedoc": "^0.25.3",
     "typescript": "5.8.3",
     "yalc": "^1.0.0-pre.53"
   },
   "jest": {
-    "preset": "react-native",
+    "preset": "@react-native/jest-preset",
     "moduleFileExtensions": [
       "ts",
       "tsx",
@@ -77,7 +78,7 @@
       "json"
     ],
     "setupFiles": [
-      "<rootDir>/node_modules/react-native/jest/setup.js",
+      "<rootDir>/node_modules/@react-native/jest-preset/jest/setup.js",
       "<rootDir>/jest.setup.js"
     ],
     "testRegex": "/__tests__/.*\\.(test|spec)\\.(js|tsx?)$",
@@ -99,7 +100,7 @@
   },
   "resolutions": {
     "@sendbird/chat": "4.20.2",
-    "@types/react": "^19.1.1",
+    "@types/react": "^19.2.0",
     "fast-xml-parser": "^4.5.6",
     "@babel/plugin-transform-modules-systemjs": "^7.29.4",
     "axios": "^1.16.0",

packages/uikit-chat-hooks/package.json

@@ -59,7 +59,7 @@
   "devDependencies": {
     "@sendbird/uikit-testing-tools": "3.12.10",
     "@types/react": "*",
-    "react": "19.1.1",
+    "react": "19.2.3",
     "react-native-builder-bob": "^0.18.0",
     "typescript": "5.8.3"
   },

packages/uikit-chat-hooks/tsconfig.build.json

@@ -1,7 +1,9 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "paths": {}
+    "paths": {
+      "react-native": ["./node_modules/react-native/types"]
+    }
   },
   "exclude": ["**/__tests__/**"]
 }

packages/uikit-react-native-foundation/package.json

@@ -61,12 +61,11 @@
   },
   "devDependencies": {
     "@types/react": "*",
-    "@types/react-native": "*",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.3",
+    "react-native": "0.87.1",
     "react-native-builder-bob": "^0.18.0",
     "react-native-fast-image": "^8.6.3",
-    "react-native-safe-area-context": "^5.5.2",
+    "react-native-safe-area-context": "^5.10.0",
     "typescript": "5.8.3"
   },
   "peerDependencies": {

packages/uikit-react-native-foundation/tsconfig.build.json

@@ -1,7 +1,9 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "paths": {}
+    "paths": {
+      "react-native": ["./node_modules/react-native/types"]
+    }
   },
   "exclude": ["**/__tests__/**"]
 }

packages/uikit-react-native/package.json

@@ -80,12 +80,11 @@
     "@react-native-camera-roll/camera-roll": "^7.8.1",
     "@react-native-clipboard/clipboard": "^1.14.1",
     "@react-native-community/netinfo": "^11.3.2",
-    "@react-native-documents/picker": "^10.1.0",
+    "@react-native-documents/picker": "^12.0.2",
     "@react-native-firebase/app": "^19.3.0",
     "@react-native-firebase/messaging": "^19.3.0",
     "@sendbird/react-native-create-thumbnail": "^1.0.2",
     "@types/react": "*",
-    "@types/react-native": "*",
     "date-fns": ">=2.28.0",
     "expo": "^54.0.12",
     "expo-audio": "^1.0.13",
@@ -102,20 +101,20 @@
     "glob": "^7.2.0",
     "inquirer": "^8.2.0",
     "js-convert-case": "^4.2.0",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.3",
+    "react-native": "0.87.1",
     "react-native-audio-recorder-player": "^3.6.10",
     "react-native-builder-bob": "^0.18.0",
     "react-native-create-thumbnail": "^2.1.1",
     "react-native-document-picker": "^9.3.0",
     "react-native-file-access": "^3.1.1",
     "react-native-image-picker": "^8.2.0",
-    "react-native-mmkv": "^4.0.0",
-    "react-native-nitro-modules": "^0.31.5",
-    "react-native-nitro-sound": "^0.2.9",
+    "react-native-mmkv": "^4.3.2",
+    "react-native-nitro-modules": "^0.37.1",
+    "react-native-nitro-sound": "^0.2.20",
     "react-native-permissions": "^5.3.0",
-    "react-native-safe-area-context": "^5.5.2",
-    "react-native-video": "^6.16.1",
+    "react-native-safe-area-context": "^5.10.0",
+    "react-native-video": "^6.19.3",
     "typescript": "5.8.3"
   },
   "peerDependencies": {

packages/uikit-react-native/tsconfig.build.json

@@ -1,7 +1,9 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "paths": {}
+    "paths": {
+      "react-native": ["./node_modules/react-native/types"]
+    }
   },
   "exclude": ["**/__tests__/**"]
 }

packages/uikit-testing-tools/package.json

@@ -52,10 +52,9 @@
     "@sendbird/uikit-utils": "3.12.10",
     "@types/jest": "^29.4.0",
     "@types/react": "*",
-    "@types/react-native": "*",
     "jest": "^29.4.3",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.3",
+    "react-native": "0.87.1",
     "react-native-builder-bob": "^0.18.0",
     "typescript": "5.8.3"
   },

packages/uikit-testing-tools/tsconfig.build.json

@@ -1,7 +1,9 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "paths": {}
+    "paths": {
+      "react-native": ["./node_modules/react-native/types"]
+    }
   },
   "exclude": ["**/__tests__/**"]
 }

packages/uikit-utils/package.json

@@ -57,10 +57,9 @@
   },
   "devDependencies": {
     "@types/react": "*",
-    "@types/react-native": "*",
     "date-fns": ">=2.28.0",
-    "react": "19.1.1",
-    "react-native": "0.82.1",
+    "react": "19.2.3",
+    "react-native": "0.87.1",
     "react-native-builder-bob": "^0.18.0",
     "typescript": "5.8.3"
   },

packages/uikit-utils/tsconfig.build.json

@@ -1,7 +1,9 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "paths": {}
+    "paths": {
+      "react-native": ["./node_modules/react-native/types"]
+    }
   },
   "exclude": ["**/__tests__/**"]
 }

sample/android/app/build.gradle

@@ -20,9 +20,9 @@ react {
 
     /* Variants */
     //   The list of variants to that are debuggable. For those we're going to
-    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   skip the bundling of the JS bundle and the assets. Default is "debug", "debugOptimized".
     //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
-    // debuggableVariants = ["liteDebug", "prodDebug"]
+    // debuggableVariants = ["liteDebug", "liteDebugOptimized", "prodDebug", "prodDebugOptimized"]
 
     /* Bundling */
     //   A list containing the node command and its flags. Default is just 'node'.
@@ -46,8 +46,8 @@ react {
 
     /* Hermes Commands */
     //   The hermes compiler command to run. By default it is 'hermesc'
-    // 2024.07.11 NOTE: update path to hoisted node_modules
-     hermesCommand = "../node_modules/react-native/sdks/hermesc/%OS-BIN%/hermesc"
+    // NOTE: point to the hoisted node_modules. hermesc now ships in the `hermes-compiler` package, not react-native/sdks.
+    hermesCommand = "../node_modules/hermes-compiler/hermesc/%OS-BIN%/hermesc"
     //
     //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
     // hermesFlags = ["-O", "-output-source-map"]
@@ -109,7 +109,7 @@ android {
             // see https://reactnative.dev/docs/signed-apk-android.
             signingConfig signingConfigs.debug
             minifyEnabled enableProguardInReleaseBuilds
-            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+            proguardFiles getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro"
         }
     }
 }

sample/android/build.gradle

@@ -2,12 +2,12 @@
 
 buildscript {
     ext {
-        buildToolsVersion = "36.0.0"
+        buildToolsVersion = "37.0.0"
         minSdkVersion = 24
-        compileSdkVersion = 36
+        compileSdkVersion = 37
         targetSdkVersion = 36
         ndkVersion = "27.1.12297006"
-        kotlinVersion = "2.1.20"
+        kotlinVersion = "2.2.0"
     }
     repositories {
         google()

sample/android/gradle.properties

@@ -10,7 +10,7 @@
 # Specifies the JVM arguments used for the daemon process.
 # The setting is particularly useful for tweaking memory settings.
 # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
-org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
+org.gradle.jvmargs=-Xmx4096m -XX:MaxMetaspaceSize=1024m
 
 # When configured, Gradle will run in incubating parallel mode.
 # This option should only be used with decoupled projects. More details, visit
@@ -43,4 +43,9 @@ hermesEnabled=true
 # Use this property to enable edge-to-edge display support.
 # This allows your app to draw behind system bars for an immersive UI.
 # Note: Only works with ReactActivity and should not be used with custom Activity.
-edgeToEdgeEnabled=false
+edgeToEdgeEnabled=true
+
+# Opt out of built-in kotlin and new DSL behavior that ships with AGP 9.
+# Starting from AGP 10.x these opt outs will be removed.
+android.builtInKotlin=false
+android.newDsl=false