iOS Build Error with Fabric on RN 0.72.17: file not found or C++ compilation errors

[JJonyeok2]

Hello,

I am trying to enable the New Architecture (Fabric) on my React Native 0.72.17 project, but I am running into build errors on iOS.

Depending on the versions of react-native-safe-area-context, react-native-reanimated, and react-native-gesture-handler, I get different errors,
but they are all related to C++ compilation.

Environment

• React Native: 0.72.17
• Platform: iOS
• Fabric Enabled: Yes
• Key Libraries:
  • react-native-safe-area-context: (Please enter the version you are using, e.g., 4.7.0)
  • react-native-reanimated: (Please enter the version you are using, e.g., 3.6.2)
  • react-native-gesture-handler: (Please enter the version you are using, e.g., 2.12.0)

Problem

After enabling Fabric and running RCT_NEW_ARCH_ENABLED=1 pod install, the iOS build fails.

Initially, with [email protected], the error was 'ReactCommon/RCTTurboModule.h' file not found.

After attempting to fix this by downgrading libraries to the versions listed above, I am now seeing a different set of C++ compilation errors.

Steps to Reproduce

1. In a React Native 0.72.17 project, enable the New Architecture by setting newArchEnabled=true in gradle.properties.
2. Install the library versions listed above.
3. Run cd ios && RCT_NEW_ARCH_ENABLED=1 pod install.
4. Attempt to build the project for iOS in Xcode.

Actual Behavior

The build fails with C++ compilation errors.

(Please choose the most recent error you received and paste it here. For example:)

1 <Please paste the full, complete error log from Xcode here.>
2
3 e.g., /Users/jeonjonghyeok/MyTestApp/node_modules/react-native-safe-area-context/common/cpp/react/renderer/components/safeareacontext/
RNCSafeAreaViewShadowNode.cpp:11:17 Expected namespace name

Supporting Files

package.json

1 // Please paste the entire content of your package.json file here

ios/Podfile

1 // Please paste the entire content of your Podfile here

Any help or guidance on the correct combination of library versions for RN 0.72 with Fabric would be greatly appreciated. Thank you!

[MatiPl01]

Hey @JJonyeok2!

The error log you pasted shows the issue in the react-native-safe-area-context library. I think you are using an incompatible version and will have to try either increasing ot decreasing a version of this library to find the one compatible with your current react-native version. I am not sure it this library provides any compatibility info. For reanimated, you can refer to this compatibility table in docs (I can see that you are using reanimated 3.6.2 on RN 0.72.17, which should be fine)