Error : Use of undeclared identifier 'YGValue' when building iOS

[JB-CHAUVIN]

Description

Hello,

I have the following error when building with the latest RN version.

I was just trying to upgrade...

Error :  Use of undeclared identifier 'YGValue' when building iOS

Version

0.69-RC.6

Output of npx react-native info

System:
OS: macOS 12.2.1
CPU: (10) x64 Apple M1 Pro
Memory: 1.71 GB / 32.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 14.19.1 - /usr/local/bin/node
Yarn: 1.22.18 - /opt/homebrew/bin/yarn
npm: 6.14.16 - /usr/local/bin/npm
Watchman: 2022.03.21.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.11.3 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.4, iOS 15.4, macOS 12.3, tvOS 15.4, watchOS 8.5
Android SDK: Not Found
IDEs:
Android Studio: 2021.1 AI-211.7628.21.2111.8309675
Xcode: 13.3.1/13E500a - /usr/bin/xcodebuild
Languages:
Java: 11.0.15 - /Library/Java/JavaVirtualMachines/zulu-11.jdk/Contents/Home/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.0.0 => 18.0.0
react-native: 0.69.0-rc.6 => 0.69.0-rc.6
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

I tried to upgrade...

Snack, code example, screenshot, or link to a repository

N/A

[mfik]

Same!

[mfik]

Related #33815

[fortmarek]

Hey @JB-CHAUVIN 👋

Would it be possible to add a sample or reproduction steps? The current 0.69.0-rc.6 works when using a project created with the RN template.

[mfik]

The new error is for react-native-webview

Package:

{
"main": "index.js",
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"web": "expo start --web",
"start": "expo start --dev-client",
"test": "jest"
},
"dependencies": {
"@config-plugins/react-native-google-cast": "^2.0.0",
"@expo-google-fonts/poppins": "^0.2.2",
"@react-native-async-storage/async-storage": "~1.17.3",
"@react-navigation/drawer": "^6.4.1",
"@react-navigation/native": "^6.0.10",
"@react-navigation/native-stack": "^6.6.1",
"@react-navigation/stack": "^6.2.1",
"axios": "^0.21.1",
"expo": "^45.0.5",
"expo-app-loading": "~2.0.0",
"expo-av": "~11.2.3",
"expo-dev-client": "~1.0.0",
"expo-font": "~10.1.0",
"expo-image-loader": "~3.2.0",
"expo-keep-awake": "~10.1.1",
"expo-splash-screen": "~0.15.1",
"expo-status-bar": "~1.3.0",
"expo-updates": "~0.13.2",
"moment": "^2.29.3",
"react": "18.0.0",
"react-dom": "17.0.2",
"react-hook-form": "^6.15.5",
"react-native": "0.69.0-rc.6",
"react-native-gesture-handler": "~2.2.1",
"react-native-google-cast": "^4.2.4",
"react-native-reanimated": "~2.8.0",
"react-native-safe-area-context": "4.2.4",
"react-native-screens": "~3.11.1",
"react-native-sound-player": "^0.12.0",
"react-native-storage": "^1.0.1",
"react-native-swift": "^1.2.3",
"react-native-track-player": "^2.2.0-rc3",
"react-native-web": "0.17.7",
"react-native-webview": "^11.22.2",
"react-player": "^2.10.0"
},
"devDependencies": {
"@babel/core": "^7.12.9",
"@types/react": "~17.0.21",
"@types/react-dom": "~17.0.11",
"@types/react-native": "~0.67.6",
"babel-preset-expo": "~9.1.0",
"jest-expo": "^45.0.0",
"typescript": "~4.3.5"
},
"jest": {
"preset": "react-native"
},
"private": true,
"name": "None",
"version": "1.0.0",
"isSwift": true
}

[mfik]

Placed the file in the folder to see if it would build. Even tho i don't have a case sensitive volume, the next error shows up. The file is in the folder:

[mfik]

Also happening in an almost clean project. @JB-CHAUVIN Is this a priority issue? Haven't been able to build in since monday and i'm seeing a lot of related issues when i search. The error exists in Expo 43, 44 and 45 in multiple modules (safe-area-context, webview, Asynstorage).

[renchap]

I am seeing the same error when updating my app to RN 0.69-rc6:

/Users/renchap/dev/project/node_modules/react-native/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m:17:20: error: use of undeclared identifier 'YGValue'
  subview.width = (YGValue) { RCTScreenSize().width, YGUnitPoint };

This seems to be different than #33648 as I dont have a case-sentitive FS (standard macOS APFS).

[karatekid430]

Experiencing this with 0.69.0 release

[Bardiamist]

Hmm, I too have this error after update to 0.69.0
Nothing helped as clear pods/clean build
But fresh project built successfully
How to update my project, what can be?

Output of npx react-native info

System:
    OS: macOS 12.4
    CPU: (10) arm64 Apple M1 Max
    Memory: 28.07 GB / 64.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.4.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 8.12.1 - /opt/homebrew/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.3 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 2021.2 AI-212.5712.43.2112.8609683
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.15 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0 
    react-native: 0.69.0 => 0.69.0 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

[592da]

Also having this issue after upgrading from 0.68.2 to 0.69
Any suggestions?

System:
    OS: macOS 12.4
    CPU: (10) arm64 Apple M1 Max
    Memory: 2.46 GB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.14.2 - /usr/local/bin/node
    Yarn: Not Found
    npm: 8.10.0 - ~/n/bin/npm
    Watchman: 2022.03.21.00 - /opt/homebrew/bin/watchman
  Managers:
    CocoaPods: 1.11.3 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.4, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: Not Found
    Xcode: 13.3.1/13E500a - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.15 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0
    react-native: 0.69.0 => 0.69.0
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

app/node_modules/react-native/Libraries/Text/TextInput/RCTInputAccessoryShadowView.m:17:20: error: use of undeclared identifier 'YGValue'
  subview.width = (YGValue) { RCTScreenSize().width, YGUnitPoint };
                   ^
1 error generated.

[zhiqingchen]

same issue

https://github.com/NervJS/taro-native-shell/runs/7024748869?check_suite_focus=true

[mfik]

So this has to do with case sensitive file systems. My drive says it isn't, but i believe it was encrypted in the past. The temporary solution is to add this step to the build process, as mentioned : #33648

This really needs a fix tho, many hours lost by a lot of people.

rm -rf node_modules ios/Pods
yarn
sed -i -e "s/spec.module_name = 'yoga'/spec.module_name = 'Yoga'/g" node_modules/react-native/ReactCommon/yoga/Yoga.podspec
npx pod-install
expo run:ios