Skip to content

How to solve RCTBridge required dispatch_sync to load warning on iOS for React Native

Published:

1 min read

The RCTBridge required dispatch_sync to load RCTDevLoadingView has become a common occurence when developing React Native apps with version 0.64 and 0.65.

ss1

I came across this warning when installing packages like:

Recently, I came across an open issue on github.com/facebook/react-native that contains the following resolution for this.

Open the file ./ios/AppName/AppDelegate.m. First, add the following just after the import statement #import "AppDelegate.h":

#import "AppDelegate.h"

// Add this
#if RCT_DEV
#import <React/RCTDevLoadingView.h>
#endif
// ---------------

Then, in the @implementation AppDelegate, before RCTRootView, add the following:

  #if RCT_DEV
    [bridge moduleForClass:[RCTDevLoadingView class]];
  #endif

  RCTRootView *rootView ...

Build the iOS app again by running:

yarn run ios

# or

npx react-native run-ios

The warning will be gone now.

I'm a software developer and a technical writer. On this blog, I write about my learnings in software development and technical writing.

Currently, working as a documentation lead at  Expo.