Update to react-native 0.77 by zatteo · Pull Request #1322 · linagora/cozy-flagship-app

zatteo · 2025-10-28T08:45:54Z

Prerequisites for #1323 which is needed to publish updates on Play Store starting 1st November 2025. Followed steps from https://react-native-community.github.io/upgrade-helper/?from=0.73.10&to=0.77.3&name=CozyFlagshipApp

Changelogs :

Note :

All changes are related to react-native 0.77.
Packages not related to react-native have been upgraded to support react-native 0.77.
Flipper has been removed. It is not included by default anymore and default debugging tools are getting closer and closer to Flipper features.

Checklist

Before merging this PR, the following things must have been done if relevant:

Tested on iOS
Tested on Android
Test coverage
README and documentation

Crash-- · 2025-11-03T15:46:51Z

ios/Podfile

 require_relative '../node_modules/react-native-permissions/scripts/setup'

+# Disable New Architecture
+ENV['RCT_NEW_ARCH_ENABLED'] = '0'


I think we are getting close. I am afraid to not have the time this week and I do not want to start and not finish the migration to new arch. But with these two PR we have a lot of up to date dependencies. We still have some important ones like react-native-webview (#1282) or react-native-bootsplash to update.

Crash-- · 2025-11-03T15:47:02Z

ios/CozyReactNative.xcodeproj/project.pbxproj

 				OTHER_LDFLAGS = "$(inherited)";
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
+				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";


are you sure about this one?

I will check. It is not present in the step by step update 🤔

It is present in the original template (but it is not a new addition).

It is in a "debug" section of project.pbxproj so it makes sense. It must have been added automatically by Xcode 16.4 (I mostly used Xcode 16.2 in the last months).

So I think we can keep it.

Crash-- · 2025-11-03T15:48:19Z

package.json

    "@mythologi/react-native-receive-sharing-intent": "2.2.1",
    "@notifee/react-native": "^7.8.0",
-    "@op-engineering/op-sqlite": "^6.2.11",
+    "@op-engineering/op-sqlite": "^14.0.1",


No Breaking change? :o

We do not use it directly, it is linked to another library (I do not remember which one right now).

And some breaking changes concerned migration of existing databases which does not concern us as we never released this feature.

it's linked to https://github.com/craftzdog/pouchdb-adapter-react-native-sqlite

But it seems that this plugin uses the v12. https://github.com/craftzdog/pouchdb-adapter-react-native-sqlite/blob/master/package.json#L91

I don't know why we have direct dep to op-sqlite lib to be honest

You are right I removed it 👍 Thank you for the investigation.

Crash-- · 2025-11-03T15:48:51Z

android/gradle.properties

 # https://developer.android.com/topic/libraries/support-library/androidx-rn
 android.useAndroidX=true
-# Automatically convert third-party libraries to use AndroidX
-android.enableJetifier=true


no need anymore?

It has been removed from the template and it works fine in my first tests. But I will be especially careful this week to see if this kind of changes have an impact.

What is the oldest targeted Android version with this new RN upgrade?

I'm pretty sure that this kind of bug with AndroidX will be easy to detect because we'll have compilations errors and else.

What do you mean by oldest targeted Android version?

Current Android SDK versions :
minSdkVersion = 24
compileSdkVersion = 35
targetSdkVersion = 35

Crash-- · 2025-11-03T15:49:09Z

android/app/src/main/AndroidManifest.xml

      android:roundIcon="@mipmap/base_round"
      android:allowBackup="false"
      android:theme="@style/AppTheme"
+      android:supportsRtl="true"


What does it mean?

It enables right to left languages (see https://developer.android.com/guide/topics/manifest/application-element?hl=fr#supportsrtl). It has also been modified in the template. But I did not tested it.

I don't think that our webapps handle correctly RTL

I removed it 👍

Crash-- · 2025-11-03T15:50:20Z

.github/workflows/build-ios-dev.yml

        run: yarn brand:configure:${{ inputs.brand }} --force

      - name: Install Pods
-        run: cd ios && NO_FLIPPER=1 pod install --repo-update && cd ..


Since we don't have flipper anymore maybe we can update the README to remove this part and to explain how to debug things?

Followed changelog from https://react-native-community.github.io/upgrade-helper/?from=0.73.10&to=0.77.3&name=CozyFlagshipApp Note : - All changes are related to react-native 0.77. - Packages not related to react-native have been upgraded to support react-native 0.77. - Flipper has been removed. It is not included by default anymore and default debugging tools are getting closer and closer. - @op-engineering/op-sqlite has been removed because we do not use this version which is not compatible with react-native 0.77. A compatible version is already present as a dep of a dep.

zatteo · 2025-11-04T12:48:53Z

Merging to start bugfixes without going in a merge nightmare. Still open to comment or changes.

zatteo requested a review from Ldoppea as a code owner October 28, 2025 08:45

zatteo force-pushed the feat/update-rn-77 branch 6 times, most recently from 3ef7cf0 to 704bcb6 Compare November 3, 2025 10:28

zatteo changed the title ~~feat: Update to react-native 0.77~~ Update to react-native 0.77 Nov 3, 2025

Crash-- approved these changes Nov 3, 2025

View reviewed changes

zatteo force-pushed the feat/update-rn-77 branch from 704bcb6 to 0779564 Compare November 4, 2025 08:15

zatteo merged commit d1b7948 into master Nov 4, 2025
1 check passed

zatteo deleted the feat/update-rn-77 branch November 4, 2025 12:49

zatteo mentioned this pull request Nov 4, 2025

Fixes following react-native 0.77 and 16KB #1324

Merged

Conversation

zatteo commented Oct 28, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Checklist

Uh oh!

Choose a reason for hiding this comment

Uh oh!

zatteo Nov 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

zatteo Nov 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

zatteo Nov 3, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

zatteo Nov 4, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

zatteo commented Nov 4, 2025

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

zatteo commented Oct 28, 2025 •

edited

Loading

zatteo Nov 3, 2025 •

edited

Loading

zatteo Nov 4, 2025 •

edited

Loading

zatteo Nov 3, 2025 •

edited

Loading

zatteo Nov 4, 2025 •

edited

Loading