White Screen Issue when I am upgrading from 0.76 to 0.77

[Sameer-Piramal]

Environment

System:
OS: macOS 26.1
CPU: (10) arm64 Apple M1 Pro
Memory: 129.55 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 20.11.0
path: /Users/sameer.chouragade/.nvm/versions/node/v20.11.0/bin/node
Yarn:
version: 1.22.18
path: /Users/sameer.chouragade/.nvm/versions/node/v20.11.0/bin/yarn
npm:
version: 10.2.4
path: /Users/sameer.chouragade/.nvm/versions/node/v20.11.0/bin/npm
Watchman: Not Found
Managers:
CocoaPods:
version: 1.16.2
path: /Users/sameer.chouragade/.gem/ruby/2.7.6/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.1
- iOS 26.1
- macOS 26.1
- tvOS 26.1
- visionOS 26.1
- watchOS 26.1
Android SDK:
API Levels:
- "22"
- "28"
- "29"
- "30"
- "31"
- "33"
- "34"
- "35"
Build Tools:
- 29.0.2
- 30.0.2
- 30.0.3
- 31.0.0
- 33.0.0
- 33.0.1
- 33.0.2
- 34.0.0
- 35.0.0
System Images:
- android-22 | Google APIs ARM 64 v8a
- android-24 | ARM 64 v8a
- android-26 | Google APIs ARM 64 v8a
- android-28 | Google ARM64-V8a Play ARM 64 v8a
- android-29 | Google APIs ARM 64 v8a
- android-33 | Google APIs ARM 64 v8a
- android-34 | Google Play ARM 64 v8a
- android-36 | Pre-Release 16 KB Page Size Google Play ARM 64 v8a
- android-Baklava | Google Play ARM 64 v8a
- android-TiramisuPrivacySandbox | Google Play ARM 64 v8a
- android-UpsideDownCakePrivacySandbox | Google Play Intel x86_64 Atom
Android NDK: Not Found
IDEs:
Android Studio: 2024.1 AI-241.18034.62.2411.12071903
Xcode:
version: 26.1.1/17B100
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.12
path: /usr/local/Cellar/openjdk@17/17.0.12/libexec/openjdk.jdk/Contents/Home/bin/javac
Ruby:
version: 2.7.6
path: /Users/sameer.chouragade/.rubies/ruby-2.7.6/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 15.0.1
wanted: 15.0.1
react:
installed: 18.3.1
wanted: 18.3.1
react-native:
installed: 0.77.0
wanted: 0.77.0
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: true

Things I’ve done to figure out my issue

• I used upgrade-helper to do my upgrade.

Upgrading version

0.77

Description

I upgraded from 0.73.9 to 0.77 . 0.76 works fine but 0.77 gives a white screen just after splash, no error in metro log, I found these error in Android Studio Logcat -

TypeError: initialize is not a function (it is undefined), js engine: hermes
ReactNativeJS I Running
unknown:ReactNative E Got DOWN touch before receiving UP or CANCEL from last gesture
ReactNativeJS E TypeError: initialize is not a function (it is undefined), js engine: hermes
ReactNativeJS E TypeError: Cannot read property 'default' of undefined, js engine: hermes

Reproducible demo

Nothing major, just used the upgrade helper and
ADDED - tools:replace="android:usesCleartextTraffic,android:theme" theme in manifest.xml

Kotlin compiler settings for compatibility

kotlin.code.style=official
kotlin.incremental=true
kotlin.incremental.android=true
kotlin.incremental.js=true
kotlin.incremental.js.klib=true
kotlin.incremental.multiplatform=true
kotlin.native.ignoreDisabledTargets=true

Additional compatibility settings for React Native 0.77

android.enableJetifier=true
android.useAndroidX=true
android.suppressUnsupportedCompileSdk=34

Gradle task dependency resolution

android.nonTransitiveRClass=true
android.enableResourceOptimizations=true

[SimajjiHans]

On project Targets > Build Settings > Other Swift Flags, add -DDEBUG to your Debug environment. If you have StagingDebug or ProductionDebug, also add it there.