Update to React Native 0.78.0

Author: Abinash Karmakar

.gitignore

@@ -33,6 +33,7 @@ local.properties
 .cxx/
 *.keystore
 !debug.keystore
+.kotlin/
 
 # node.js
 #

android/app/build.gradle

@@ -74,14 +74,14 @@ def enableProguardInReleaseBuilds = true
  * The preferred build flavor of JavaScriptCore (JSC)
  *
  * For example, to use the international variant, you can use:
- * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ * `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
  *
  * The international variant includes ICU i18n library and necessary data
  * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
  * give correct results when using with locales other than en-US. Note that
  * this variant is about 6MiB larger per architecture than default.
  */
-def jscFlavor = 'org.webkit:android-jsc:+'
+def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
 
 /**
  * Private function to get the list of Native Architectures you want to build.

android/build.gradle

@@ -3,7 +3,7 @@ buildscript {
         buildToolsVersion = "35.0.0"
         minSdkVersion = 24
         compileSdkVersion = 35
-        targetSdkVersion = 34
+        targetSdkVersion = 35
         ndkVersion = "27.1.12297006"
         kotlinVersion = "2.0.21"
     }

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.10.2-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.12-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME

android/gradlew

@@ -86,8 +86,7 @@ done
 # shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
 # Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
-APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s
-' "$PWD" ) || exit
+APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
 
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum

bun.lock

@@ -19,7 +19,6 @@
     "prettier:fix": "prettier --write ."
   },
   "dependencies": {
-    "@react-native-clipboard/clipboard": "^1.16.1",
     "@react-native-community/netinfo": "^11.4.1",
     "@react-native-masked-view/masked-view": "^0.3.2",
     "@react-navigation/bottom-tabs": "^7.2.0",
@@ -28,47 +27,47 @@
     "@shopify/react-native-skia": "^1.11.5",
     "@tanstack/react-query": "^5.66.0",
     "clsx": "^2.1.1",
-    "hono": "^4.6.20",
+    "hono": "^4.7.2",
     "lottie-react-native": "^7.2.2",
     "nativewind": "^4.1.23",
-    "react": "18.3.1",
-    "react-native": "0.77.0",
+    "react": "19.0.0",
+    "react-native": "0.78.0",
     "react-native-device-info": "^14.0.4",
     "react-native-geolocation-service": "^5.3.1",
-    "react-native-gesture-handler": "^2.23.0",
+    "react-native-gesture-handler": "^2.23.1",
     "react-native-linear-gradient": "^2.8.3",
     "react-native-mmkv": "^3.2.0",
-    "react-native-reanimated": "^3.16.7",
+    "react-native-reanimated": "^4.0.0-beta.2",
     "react-native-safe-area-context": "^5.2.0",
-    "react-native-screens": "^4.6.0",
+    "react-native-screens": "^4.8.0",
     "react-native-svg": "^15.11.1",
     "tailwind-merge": "^2.6.0",
-    "zod": "^3.24.1",
+    "zod": "^3.24.2",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.7",
-    "@babel/preset-env": "^7.26.7",
-    "@babel/runtime": "^7.26.7",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/runtime": "^7.26.9",
     "@react-native-community/cli": "15.1.3",
     "@react-native-community/cli-platform-android": "15.1.3",
     "@react-native-community/cli-platform-ios": "15.1.3",
-    "@react-native/babel-preset": "0.77.0",
-    "@react-native/eslint-config": "0.77.0",
-    "@react-native/metro-config": "0.77.0",
-    "@react-native/typescript-config": "0.77.0",
-    "@tanstack/eslint-plugin-query": "^5.66.0",
+    "@react-native/babel-preset": "0.78.0",
+    "@react-native/eslint-config": "0.78.0",
+    "@react-native/metro-config": "0.78.0",
+    "@react-native/typescript-config": "0.78.0",
+    "@tanstack/eslint-plugin-query": "^5.66.1",
     "@types/jest": "^29.5.14",
-    "@types/react": "^18.3.18",
-    "@types/react-test-renderer": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-test-renderer": "^19.0.0",
     "babel-jest": "^29.7.0",
     "babel-plugin-module-resolver": "^5.0.2",
     "eslint": "^8.57.1",
     "jest": "^29.7.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.1",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "react-native-svg-transformer": "^1.5.0",
-    "react-test-renderer": "18.3.1",
+    "react-test-renderer": "19.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.3"
   },

package.json

@@ -1,4 +1,3 @@
-import Clipboard from '@react-native-clipboard/clipboard'
 import { Medium } from '@utils/fonts'
 import { useState } from 'react'
 import { ToastAndroid, TouchableOpacity, View } from 'react-native'
@@ -94,6 +93,7 @@ export default function RandomColor() {
 }
 
 function copyAndShowToast(text: string) {
-  Clipboard.setString(text)
+  // TODO: Fix clipboard
+  // Clipboard.setString(text)
   ToastAndroid.show('Copied to clipboard', ToastAndroid.SHORT)
 }

src/screens/Try/RandomColor.tsx

@@ -9,7 +9,6 @@ import { SettOption } from '@components/Settings/SettOption'
 import SettText from '@components/Settings/SettText'
 import SettWrapper from '@components/Settings/SettWrapper'
 import { Txt } from '@components/Text'
-import Clipboard from '@react-native-clipboard/clipboard'
 import { Colors } from '@utils/colors'
 import { W } from '@utils/dimensions'
 import { Medium, SemiBold } from '@utils/fonts'
@@ -88,7 +87,8 @@ export default function RandomPassword({ navigation }: NavProp) {
               <TouchableOpacity
                 activeOpacity={0.7}
                 onPress={() => {
-                  Clipboard.setString(generatedPassword)
+                  // TODO: Fix clipboard
+                  // Clipboard.setString(generatedPassword)
                   ToastAndroid.show('Password Copied', ToastAndroid.SHORT)
                 }}
               >