RNNAppDelegate.mm RCTLegacyInteropComponents.h file not found

[GideonAgboba]

What happened?

After migrating to React Native v0.76.5 with the Fabric architecture enabled, I encountered the following error when trying to build the iOS project. The build fails with the following error message: RCTLegacyInteropComponents.h file not found

Suggested Fix:

Replace the usage of RCTLegacyInteropComponents.h in RNNAppDelegate.mm with an appropriate alternative that is compatible with React Native v0.76.5 and Fabric.

Thank you for your attention to this issue! Let me know if you need additional details or reproduction steps.

What was the expected behaviour?

The project should build successfully without any missing header issues.

Was it tested on latest react-native-navigation?

• I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

1. Upgrade the React Native project to version 0.76.5.
2. Enable the Fabric architecture by setting the appropriate flags in the Podfile.
3. Install the latest version of React Native Navigation (RNN) (react-native-navigation@latest).
4. Attempt to build the iOS project.

In what environment did this happen?

React Native Navigation version: ^7.40.3
React Native version: 0.76.5
Has Fabric (React Native's new rendering system) enabled: yes
Node version: v23.4.0
Device model: All IOS
iOS version: 15+