FBReactNativeSpec.h error after upgrading from 0.68.x to 0.69.0

Question

I just upgraded from RN 0.68.x to 0.69.0 using the react-native upgrade command.Its shows an error about
FBReactNativeSpec 'value' is unavailable : introduced in ios 12.0 react native and same error shown when i create a new project with latest version.

xcode:12.4 macVersion:10.15.7

https://github.com/facebook/react-native/issues/34106 – Chaki_Black Mar 03 '23 at 12:31 — Chaki_Black, Mar 03 '23 at 12:31

Touré Holder · Answer 1 · 2023-04-13T09:47:27.880

127

Illustrated answer for those who might have a hard time finding the options:

In your Xcode project navigator, select Pods.
Under Targets, select React-Codegen
Set the window to Build Settings
Under Deployment, set iOS Deployment Target to 12.4
Clean project and rebuild: Product > Clean Build Folder, Product > Build

Source: https://github.com/facebook/react-native/issues/34106#issuecomment-1489549051

edited Apr 13 '23 at 09:47

answered Apr 03 '23 at 03:12

Touré Holder

2,768
2
22
20

error is getting again each time i clean and install pods again – Rahman Haroon Jun 13 '23 at 07:40

score 29 · Answer 2 · answered Nov 18 '22 at 09:13

29

Following up on Azaz Answer

You can automate it for all the build configurations in your podfile

add

post_install do |installer|
   installer.pods_project.targets.each do |target|
        target.build_configurations.each do |config|
               config.build_settings['SWIFT_VERSION'] = '5.0'
               config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '12.4'
       end
   end
end

answered Nov 18 '22 at 09:13

Vivek Verma

501
4
7

2

Yes, but better to target only the problematic pod with `if target.to_s === 'React-Codegen'` as outlined in Joe Davis's response below. – Lenka Pitonakova Apr 03 '23 at 15:58
worked for me in xcode 14, and ios target 12.4 – Omar Awamry May 17 '23 at 12:47

Cem · Answer 3 · 2023-04-04T16:17:49.900

26

Open the project in XCode.
Pods>React-Codegen
Change the target version from 11.0 to 12.x.
Build.

Update from React Native Community (I didn't tried to upgrade yet): https://github.com/facebook/react-native/issues/34106#issuecomment-1495970568

edited Apr 04 '23 at 16:17

answered Mar 31 '23 at 17:17

Cem

428
4
14

Can you please include more detailed instructions on how to do this? Like what is the second step? Where do Ifind React-Codegen. Thanks! – checklist Apr 02 '23 at 19:09
3

Please check the "Project Navigator" tab in XCode (the tab where you can search files/folders). You can see "Pods" there. https://imgur.com/a/SHLwAAr After you select "Pods", under "Targets", select "React-Codegen" and select "Build Settings" from the window. "Deployment" → set "iOS Deployment Target" to 12.x. – Cem Apr 02 '23 at 19:25
Upgrading to the latest RN version got it fixed for me. Thanks for the hint. – Justice Mba May 19 '23 at 23:15

score 8 · Answer 4 · answered Apr 01 '23 at 16:44

I know this is solved but if anyone wants a solution using only expo (I'm a big expo fanboy right now)

Heres how you can modify the podfile like in Vivek's answer using an expo config plugin.

I also added an if statment to only update React-codegen because it was the only one giving me issues after updating xcode to 14.3

// ./expo-plugins/fix-rn-codegen.js
const { withDangerousMod, withPlugins } = require("@expo/config-plugins");
const { ExpoConfig } = require("@expo/config-types");
const {
  mergeContents,
} = require("@expo/config-plugins/build/utils/generateCode");
const { readFileSync, writeFileSync } = require("fs");
const { resolve } = require("path");

const withFixedDeploymentTarget = (c) => {
  return withDangerousMod(c, [
    "ios",
    async (config) => {
      const file = resolve(config.modRequest.platformProjectRoot, "Podfile");
      const contents = readFileSync(file, { encoding: "utf-8" });
      writeFileSync(file, fixDeploymentTarget(contents));
      return config;
    },
  ]);
};

function fixDeploymentTarget(src) {
  return mergeContents({
    tag: `rn-fix-deployment-target`,
    src,
    newSrc: `
  installer.pods_project.targets.each do |target|
    if target.to_s === 'React-Codegen'
      target.build_configurations.each do |config|
        config.build_settings['SWIFT_VERSION'] = '5.0'
        config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '13.0'
      end
    end
  end
`,
    anchor: /post_install/,
    offset: 1,
    comment: "#",
  }).contents;
}

module.exports = (config) => withPlugins(config, [withFixedDeploymentTarget]);

Then link it in app.json

// ./app.json
{
  "expo": {
    "plugins": [
      ["./expo-plugins/fix-rn-codegen.js"]
    ]
  }
}

thank you! solved the problem. Don't forget to delete node_modules and ios folder, then run 'npx expo run:ios' — Anubz, Apr 02 '23 at 01:28
@Anubz Good callout, since this modifies your pods project you'll need the pod install command to run. if you have the ios fold then expo may skip the pod install step, so make sure to rm `ios` and `node_modules` — Joe Davis, Apr 03 '23 at 13:34

score 7 · Answer 5 · answered Apr 04 '23 at 06:18

Following Vivek Verma answer.

Just prevent overriding Pods with a higher targets(new Expo pods have target 13).

ios/Podfile

// ios/Podfile
post_install do |installer|
...
  installer.pods_project.targets.each do |target|
    target.build_configurations.each do |config|
      config.build_settings['SWIFT_VERSION'] = '5.0'
      if config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] < '12.4'
        config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '12.4'
      end
    end
  end
...
end

Life saver! All the other answers suppose your app is already built but does not solve for remote build machines. — Jesse Novotny, Jun 05 '23 at 22:22

score 4 · Answer 6 · answered Jul 19 '22 at 08:59

In iOS Folder go to Pods/Pods.xcodeproj/xcuserdata/project.pbxproj

Change all the 'IPHONEOS_DEPLOYMENT_TARGET = 11.0' to 'IPHONEOS_DEPLOYMENT_TARGET = 12.4'. save and run.

Note: every time you pod install it will change so again you have to do it. If there is better approach please do mention.

score 4 · Answer 7 · answered Apr 02 '23 at 15:02

It started happening after upgrading to the latest Xcode few days back.

In Xcode project navigator, select Pods.
Under Targets, select React-Codegen and set the window to Build Settings.
Under Deployment, set iOS Deployment Target to 12.4.
Clean project and rebuild.

That's a big discussion on https://github.com/facebook/react-native/issues/34106 regarding this issue.

score 4 · Answer 8 · answered Apr 13 '23 at 08:42

This has been fixed in the latest versions of react-native. You should be able to solve the problem by upgrading to any of these versions:

ryder1211212 · Answer 9 · 2022-06-28T19:29:09.963

I think this is caused by some pods in your react-native project that are not the latest version and as a result some of may have IPHONEOS_DEPLOYMENT_TARGET less than 12.0

In my case I did the following steps

In VS Code i did a search for IPHONEOS_DEPLOYMENT_TARGET i could see that in the ios/Pods/Pods.xcodeproj/project.pbxproj file a few pods had target version less then 12.0 I updated them to 12.4 (This step i feel can be sorted by updating your packages to the latest and re-run pod install/update but I had some packages that the latest update did not change it for me)
Under XCode top menu, Goto XCode->Preferences -> Locations -> Open Derived Data folder(By clicking the arrow button)
Finder will open Derived Data folder
Delete Derived Data Folder
Start Metro server using npm start or yarn start
In Xcode, perform Clean build using cmd+shift+k
In Xcode, run the application using cmd+r

That didn't work for me. In my case I had a conflict between rn-fetch-blob and react-native-blob-util, see https://stackoverflow.com/a/72798771/1996540. — ZedTuX, Nov 10 '22 at 14:58

score 3 · Answer 10 · answered Apr 13 '23 at 14:20

Go to: /node_modules/react-native/scripts/cocoapods/codegen_utils.rb

And change the version. From 11 to 12.

--- a/node_modules/react-native/scripts/cocoapods/codegen_utils.rb
+++ b/node_modules/react-native/scripts/cocoapods/codegen_utils.rb
@@ -84,7 +84,7 @@ class CodegenUtils
           'source' => { :git => '' },
           'header_mappings_dir' => './',
           'platforms' => {
-            'ios' => '11.0',
+            'ios' => '12.0',
           },
           'source_files' => "**/*.{h,mm,cpp}",
           'pod_target_xcconfig' => { "HEADER_SEARCH_PATHS" =>

Finally run pod update.

score 2 · Answer 11 · answered Apr 03 '23 at 16:50

2

Open the project in Xcode.
open Pods.
then find and select "React-Codegen" pod in target section.
Change the target version from 11 to 12.
And build again the project.

answered Apr 03 '23 at 16:50

Pardeep Pilania

21
1

score 1 · Answer 12 · answered Apr 06 '23 at 15:03

I've spent hours going through solutions with no luck. I finally got it working by doing the following:

Open workspace in Xcode
Go to Pods -> React-Codegen -> Build Settings -> Deployment -> iOS Deployment Target
Change the Target version to a later version

In my case, it was on set to 11.0. I changed the target to 12.4 and it resolved the issue.

I hope this helps.

score 0 · Answer 13 · answered Jul 22 '23 at 06:36

0

Open the project in XCode.

Pods>React-Codegen

Change the target version from 11.0 to 12.x.

Build.

answered Jul 22 '23 at 06:36

Prabhakar Azad

19
4

FBReactNativeSpec.h error after upgrading from 0.68.x to 0.69.0

13 Answers13

Linked