chore(mobile): React Native 0.81.6 (old arch)

package.json

@@ -69,10 +69,10 @@
   },
   "devDependencies": {
     "@emotion/eslint-plugin": "11.12.0",
-    "@react-native/metro-babel-transformer": "0.79.5",
+    "@react-native/metro-babel-transformer": "0.81.6",
     "@tsconfig/strictest": "2.0.2",
     "@types/keyv": "4.2.0",
-    "@types/react": "19.0.0",
+    "@types/react": "19.1.17",
     "@typescript-eslint/eslint-plugin": "6.16.0",
     "@typescript-eslint/parser": "6.16.0",
     "concurrently": "7.4.0",
@@ -139,11 +139,11 @@
   "overrides": {
     "@jup-ag/api": "6.0.48",
     "@types/prop-types": "15.7.5",
-    "@types/react": "19.0.0",
+    "@types/react": "19.1.17",
     "@types/bn.js": "5.1.0",
     "bn.js": "5.1.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.1.4",
+    "react-dom": "19.1.4",
     "react-native-svg": "15.11.1",
     "redux": "4.1.1",
     "webpack": "5.88.2",

packages/common/package.json

@@ -73,12 +73,12 @@
     "@types/lodash": "4.14.149",
     "@types/numeral": "2.0.2",
     "@types/object-hash": "3.0.6",
-    "@types/react": "19.0.0",
+    "@types/react": "19.1.17",
     "@types/react-redux": "7.1.7",
     "@types/redux-saga": "0.10.5",
     "eslint": "8.56.0",
     "jest": "29.7.0",
-    "react": "19.0.0",
+    "react": "19.1.4",
     "ts-patch": "3.1.1",
     "typescript-transform-paths": "3.4.4"
   },
@@ -87,7 +87,7 @@
     "@solana/spl-token": "0.3.8",
     "@solana/web3.js": "1.98.0",
     "@stripe/crypto": "0.0.4",
-    "react": "19.0.0",
+    "react": "19.1.4",
     "redux-saga": "1.1.3"
   }
 }

packages/distro/package.json

@@ -16,13 +16,13 @@
     "@audius/harmony": "*",
     "@audius/sdk": "*",
     "@tanstack/react-query": "5.62.7",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": "19.1.4",
+    "react-dom": "19.1.4"
   },
   "devDependencies": {
     "@esbuild-plugins/node-globals-polyfill": "0.2.3",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
+    "@types/react": "19.1.17",
+    "@types/react-dom": "19.1.11",
     "@typescript-eslint/eslint-plugin": "6.0.0",
     "@typescript-eslint/parser": "6.0.0",
     "@vitejs/plugin-react": "5.1.1",

packages/docs/package.json

@@ -17,8 +17,8 @@
     "@scalar/api-reference-react": "0.9.11",
     "ajv": "8.5.0",
     "zod": "4.3.6",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.1.4",
+    "react-dom": "19.1.4",
     "vocs": "1.0.8"
   },
   "devDependencies": {

packages/embed/package.json

@@ -54,8 +54,8 @@
     "hls.js": "0.13.1",
     "lodash": "4.17.21",
     "node-polyfill-webpack-plugin": "2.0.1",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "19.1.4",
+    "react-dom": "19.1.4",
     "react-helmet": "6.1.0",
     "react-merge-refs": "2.1.1",
     "react-perfect-scrollbar": "1.5.8",

packages/harmony/package.json

@@ -36,8 +36,8 @@
     "@svgr/rollup": "8.1.0",
     "@svgr/webpack": "8.1.0",
     "@types/color": "3.0.6",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
+    "@types/react": "19.1.17",
+    "@types/react-dom": "19.1.11",
     "@types/react-virtualized": "9.21.30",
     "babel-core": "6.26.3",
     "babel-loader": "8.3.0",
@@ -82,8 +82,8 @@
     "react-virtualized": "9.22.6"
   },
   "peerDependencies": {
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": "19.1.4",
+    "react-dom": "19.1.4"
   },
   "repository": {
     "type": "git",

packages/migrate-tool/package.json

@@ -18,13 +18,13 @@
     "@supabase/supabase-js": "^2.45.0",
     "google-auth-library": "^10.6.2",
     "jose": "^6.2.2",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": "19.1.4",
+    "react-dom": "19.1.4"
   },
   "devDependencies": {
     "@types/node": "^22.10.0",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
+    "@types/react": "19.1.17",
+    "@types/react-dom": "19.1.11",
     "@vercel/node": "^3.2.0",
     "@vitejs/plugin-react": "^4.2.2",
     "buffer": "^6.0.3",

packages/mobile/android/app/src/main/java/co/audius/app/MainApplication.kt

@@ -4,13 +4,11 @@ import android.app.Application
 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.DefaultNewArchitectureEntryPoint.load
 import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.soloader.OpenSourceMergedSoMapping
-import com.facebook.soloader.SoLoader
 import com.microsoft.codepush.react.CodePush
 
 class MainApplication : Application(), ReactApplication {
@@ -37,10 +35,6 @@ class MainApplication : Application(), ReactApplication {
 
   override fun onCreate() {
     super.onCreate()
-    SoLoader.init(this, OpenSourceMergedSoMapping)
-    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
-      // If you opted-in for the New Architecture, we load the native entry point for this app.
-      load()
-    }
+    loadReactNative(this)
   }
 }

packages/mobile/android/build.gradle

@@ -8,11 +8,11 @@ buildscript {
         targetSdkVersion = 36
         castFrameworkVersion = "21.0.0"
         ndkVersion = "27.1.12297006"
-        kotlinVersion = "2.0.21"
+        kotlinVersion = "2.1.20"
     }
     // @react-native-firebase defaults to Firebase BoM 34, whose
-    // play-services-measurement needs Kotlin 2.2. Stay on 33 until the app's
-    // Kotlin is upgraded.
+    // play-services-measurement needs Kotlin 2.2. Stay on 33 until the app is
+    // on Kotlin 2.2.
     project.ext.set('react-native', [
         versions: [firebase: [bom: '33.16.0']]
     ])

packages/mobile/android/gradle.properties

@@ -41,10 +41,12 @@ newArchEnabled=false
 # If set to false, you will be using JSC instead.
 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
+
 MYAPP_UPLOAD_STORE_FILE=my-upload-key.keystore
 MYAPP_UPLOAD_KEY_ALIAS=audius
 MYAPP_UPLOAD_STORE_PASSWORD=aozzMR381
 MYAPP_UPLOAD_KEY_PASSWORD=aozzMR381
-
-# AGP 8.8 (pinned by RN 0.79) has not been tested with compileSdk 36.
-android.suppressUnsupportedCompileSdk=36

packages/mobile/android/gradle/wrapper/gradle-wrapper.properties

@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.13-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

packages/mobile/android/settings.gradle

@@ -1,4 +1,14 @@
-pluginManagement { includeBuild("../../../node_modules/@react-native/gradle-plugin") }
+// npm may nest @react-native/gradle-plugin under react-native, so resolve it
+// from react-native instead of assuming it is hoisted.
+pluginManagement {
+  def reactNativeGradlePlugin = new File(
+    providers.exec {
+      workingDir(rootDir)
+      commandLine("node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })")
+    }.standardOutput.asText.get().trim()
+  ).getParentFile().absolutePath
+  includeBuild(reactNativeGradlePlugin)
+}
 plugins { id("com.facebook.react.settings") }
 extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
 rootProject.name = 'AudiusReactNative'
@@ -9,4 +19,11 @@ project(':react-native-config').projectDir = new File(rootProject.projectDir, '.
 include ':react-native-google-cast'
 project(':react-native-google-cast').projectDir = new File(rootProject.projectDir, '../../../node_modules/react-native-google-cast/android')
 include ':app'
-includeBuild('../../../node_modules/@react-native/gradle-plugin')
+includeBuild(
+  new File(
+    providers.exec {
+      workingDir(rootDir)
+      commandLine("node", "--print", "require.resolve('@react-native/gradle-plugin/package.json', { paths: [require.resolve('react-native/package.json')] })")
+    }.standardOutput.asText.get().trim()
+  ).getParentFile().absolutePath
+)

packages/mobile/ios/AudiusReactNative/Info.plist

@@ -80,12 +80,25 @@
 	<string>This lets you select photos for uploading to Audius, and lets you share tracks to TikTok and other social media.</string>
 	<key>NSPhotoLibraryUsageDescription</key>
 	<string>This lets you select photos for uploading to Audius, including setting your profile picture and track cover art.</string>
+	<key>RCTNewArchEnabled</key>
+	<false/>
 	<key>SCSDKClientId</key>
 	<string>$(SCSDK_CLIENT_ID)</string>
 	<key>SCSDKRedirectUrl</key>
 	<string>audius://snap-kit/oauth2</string>
 	<key>TikTokClientKey</key>
 	<string>${TIKTOK_APP_ID}</string>
+	<key>UIAppFonts</key>
+	<array>
+		<string>AvenirNextLTPro-Bold.otf</string>
+		<string>AvenirNextLTPro-Heavy.otf</string>
+		<string>AvenirNextLTPro-DemiBold.otf</string>
+		<string>AvenirNextLTPro-Medium.otf</string>
+		<string>AvenirNextLTPro-Regular.otf</string>
+		<string>AvenirNextLTPro-UltLt.otf</string>
+		<string>AvenirNextLTPro-Light.otf</string>
+		<string>AvenirNextLTPro-Thin.otf</string>
+	</array>
 	<key>UIApplicationSceneManifest</key>
 	<dict>
 		<key>UIApplicationSupportsMultipleScenes</key>
@@ -103,17 +116,6 @@
 			</array>
 		</dict>
 	</dict>
-	<key>UIAppFonts</key>
-	<array>
-		<string>AvenirNextLTPro-Bold.otf</string>
-		<string>AvenirNextLTPro-Heavy.otf</string>
-		<string>AvenirNextLTPro-DemiBold.otf</string>
-		<string>AvenirNextLTPro-Medium.otf</string>
-		<string>AvenirNextLTPro-Regular.otf</string>
-		<string>AvenirNextLTPro-UltLt.otf</string>
-		<string>AvenirNextLTPro-Light.otf</string>
-		<string>AvenirNextLTPro-Thin.otf</string>
-	</array>
 	<key>UIBackgroundModes</key>
 	<array>
 		<string>audio</string>