react-native: New React Native project won't build on Xcode 13.

Seems related to flipper, disabling it builds successfully for now as a temporary workaround

Podfile

- use_flipper!()
+ # use_flipper!()

pod install

ios/MyApp/AppDelegate.m

+ // #ifdef FB_SONARKIT_ENABLED
+ // #import <FlipperKit/FlipperClient.h>
+ // #import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
+ // #import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
+ // #import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
+ // #import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
+ // #import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>

+ // static void InitializeFlipper(UIApplication *application) {
+ //   FlipperClient *client = [FlipperClient sharedClient];
+ //   SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults];
+ //   [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application withDescriptorMapper:layoutDescriptorMapper]];
+ //   [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];
+ //   [client addPlugin:[FlipperKitReactPlugin new]];
+ //   [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];
+ //   [client start];
+ // }
+ // #endif

...

+ // #ifdef FB_SONARKIT_ENABLED
+ //   InitializeFlipper(application);
+ // #endif

I’ve raised the issue here: https://github.com/facebook/flipper/issues/2477

Doing the following fixed the issue for me in Xcode without disabling Flipper:

1. Go to Build Settings --> Search for “Search paths” and then add $(SDKROOT)/usr/lib/swift to “Library search paths”
2. Change “iOS deployment target” in Xcode to 11
3. Remove pods and build again , then it should work

I’m using RN 0.64.2

Can flopper be opt in and not too invasive in project code? Too much problems for nothing. Project was not building on 12.5, removed it and it worked

Someone building a project with expo run:ios, that was bootstrapped with React Native community CLI, will encounter the same error, but formatted as:

⚠️  ld: Could not find or use auto-linked library 'swift_Concurrency'
⚠️  ld: Could not find or use auto-linked library 'swiftFileProvider'
⚠️  ld: Could not find or use auto-linked library 'swiftDataDetection'
❌  Undefined symbols for architecture x86_64
┌─ Symbol: __swift_FORCE_LOAD_$_swiftDataDetection
└─ Referenced from: __swift_FORCE_LOAD_$_swiftDataDetection_$_YogaKit in libYogaKit.a(YGLayoutExtensions.o)

❌  ld: symbol(s) not found for architecture x86_64

❌  clang: error: linker command failed with exit code 1 (use -v to see invocation)

Solution

Create a bridging header, as described above.

• xed ios to open the project
• ⌘+N - select swift file
• Select “Create Bridging Header”
• Rebuild expo run:ios should work as expected.

We believe this fixed it (in main): https://github.com/facebook/react-native/commit/eb938863063f5535735af2be4e706f70647e5b90

cc @sammy-SC

Can flopper be opt in and not too invasive in project code? Too much problems for nothing. Project was not building on 12.5, removed it and it worked

I completely agree, everytime I make a project I have to go through this hassle with Flipper. I dont understand why facebook does this, it’s absurd.

I just created a new Swift file + Bridging Header with literally nothing inside these files and the build completed successfully. Have no clue why this worked, but it did lol

Finally fixed this after so many headaches…

Using React Native 0.66 and in Podfile, if in the post_install section you have a line of code calling an “Xcode 12.5 M1 workaround” then you have to comment it out if you’re using Xcode 13 or higher (I’m using 13.2 Beta).

Just to note, I’m using macOS Monterey, which doesn’t allow Xcode 12.5.1 or other earlier versions. Also, I am using an M1 MacBook Air.

Looks like this will be fixed in 0.67 https://github.com/facebook/react-native/pull/32284/files but for anyone looking for a workaround see my comment on the Flipper thread: https://github.com/facebook/flipper/issues/3150#issuecomment-992936879

If you upgrade RN version and get to change the iOS target version to 11, don’t forget to change it from Xcode under Build Settings => iOS Deployment Target.

@alexisbronchart confirmed that https://github.com/facebook/react-native/commit/eb938863063f5535735af2be4e706f70647e5b90 fixes build issue in Xcode 13. I’m closing this.