[iOS] Property 'setImmediate' doesn't exist

[topi-identio]

What happened?

1. Created a new RN 0.77.3 project using npx react-native@0.77.3 init ProjectName --template react-native-template-typescript
2. Following installation docs in https://wix.github.io/react-native-navigation/docs/installing: installed react-native-navigation, ran npx rnn-link and updated index.js
3. Ran react-native start and react-native run-ios for iOS Simulator (iPhone 16, iOS 18.5)
4. iOS app builds but starts stuck with errors Property 'clearImmediate' doesn't exists and Property 'setImmediate' doesn't exist

What was the expected behaviour?

No errors, app works

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!

Simple repo with the mentioned steps done: https://github.com/topi-identio/rn-0.77-test

In what environment did this happen?

React Native Navigation version: 8.2.1
React Native version: 0.77.3
Has Fabric (React Native's new rendering system) enabled: yes
Node version: 20.17.0
Device model: iPhone 16 (Simulator)
iOS version: 18.5

[topi-identio]

With the example repo the issue seems to be related to the RN StatusBar component. The errors go away once that's removed. I also tried installing the dependency setimmediate, which gets rid of the error but causes another one.

In our actual repo we get the same issue on startup, but caused by some other component, not sure what it is yet.

[huynhuchuy2001]

You can try to install the setimmediate library from npm or yarn, and import it into the index.js

[topi-identio]

I can get our app to run with that change but it doesn't sound like a proper solution if something's not being properly initialised.

[retyui]

Have the same issue but in different place (RNN@8.1.2, RN:0.77.3 + RCT_NEW_ARCH_ENABLED=1)

// node_modules/react-native/Libraries/LogBox/Data/LogBoxData.js
  function handleUpdate() {
    if (updateTimeout == null) {
      updateTimeout = setImmediate(function () { // <-- ReferenceError: Property 'setImmediate' doesn't exist

[retyui]

1. From react-native setImmediate should be installed from cpp ; in case of Bridgeless mode it will be polyfilled on JS side

https://github.com/facebook/react-native/blob/0d3a7ca52faea4dbe0dac5b9894b4f8bb5f380b3/packages/react-native/Libraries/Core/setUpTimers.js#L95-L119

2. I debug my node_modules/react-native/Libraries/Core/setUpTimers.js and see that

isEventLoopEnabled: false
RN$Bridgeless: true

3. NativeReactNativeFeatureFlags is null

[retyui]

But in the pure RN@0.77.3 project with new Arch

NativeReactNativeFeatureFlags is object

I believe this is a good indicator of incorrectly initiated rn runtime !!!

[gosha212]

@retyui Amazing research! I was debugging it for very long time. Can you check with the latest version? We fixed the flags loading a few versions ago

[retyui]

@gosha212 as I mentioned before I already use the latest ver
RNN@8.1.2
do you have any idea what can block flags loading?

[gosha212]

@retyui Probably something with the initialization of react native. It fails to read the turbo module. @markdevocht is on it.

[gosha212]

@retyui We've found the problem. Will release a new version soon