Assert in Yoga hit on RN 0.81.0-rc

[tido64]

Description

While verifying RNTA for 0.81, I hit this assert on startup which goes away when removing SafeAreaView:

2025-07-22 14:04:03.047 13868-14063 libc com.microsoft.reacttestapp A ~/.gradle/caches/8.14.3/transforms/97aff8a941bc24fe37c775a753fbaec0/transformed/react-android-0.81.0-rc.2-debug/prefab/modules/reactnative/include/yoga/style/StyleValuePool.h:76: StyleLength facebook::yoga::StyleValuePool::getLength(StyleValueHandle) const: assertion "handle.type() == StyleValueHandle::Type::Point || handle.type() == StyleValueHandle::Type::Percent" failed

I haven't been able to investigate this because I'm still catching up after a longer break. For now, I'm using the following workaround:

  if ("RN$Bridgeless" in global && RN$Bridgeless === true) {
    return <View {...props} />;
  } else {
    return (
      <SafeAreaProvider initialMetrics={initialWindowMetrics}>
        <SafeAreaView {...props} />
      </SafeAreaProvider>
    );
  }

Steps to reproduce

1. Clone fix: declare support for 0.81 microsoft/react-native-test-app#2509
2. Remove the workaround in example/SafeAreaView.tsx
3. Build Android:

   cd example
   yarn android -- -PnewArchEnabled=true -PbridgelessEnabled=true

4. In a separate terminal, start the dev server: yarn start
5. Observe that the app crashes/restarts every time we try to open a React Native app

Snack or a link to a repository

microsoft/react-native-test-app#2509

Safe Area Context version

5.2.2

React Native version

0.81.0-rc.2

Platforms

Android

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

iOS simulator

Device model

iPhone 16 Pro

Acknowledgements

Yes

[janicduplessis]

@cortinico Any ideas about that one?

[cortinico]

No idea. Also I see nothing change on StyleValueHandle.h in 0.81 so not sure what's happening here.

[janicduplessis]

Thanks for having a look, I'll investigate then :)

[NeelkanthTandel]

Did anyone find a solution for this?
I am having the same issue

[RemiHin]

Same issue in a new app

[janicduplessis]

Would anyone be able to provide me with a repro? I've tested in the example app I have and it seems to work fine after upgrading to RN 0.81.1.

[RemiHin]

@janicduplessis in my case it was a fresh new app:

npx @react-native-community/cli@latest init AwesomeProject

npm install react-native-safe-area-context

Update App.tsx to use:

<SafeAreaProvider initialMetrics={initialWindowMetrics}>
        <SafeAreaView {...props} />
      </SafeAreaProvider>

Build app -> error

[janicduplessis]

@RemiHin I tried using this in a new project:

function App() {
  const isDarkMode = useColorScheme() === 'dark';

  return (
    <SafeAreaProvider initialMetrics={initialWindowMetrics}>
      <SafeAreaView style={{ flex: 1 }}>
        <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
        <AppContent />
      </SafeAreaView>
    </SafeAreaProvider>
  );
}

That doesn't seem to repro the crash. Could you give me a bit more information about the setup you are using? This is on Android right? What version of android are you using?

[NabeelZanabeet]

Happened for me too

"react-native": "0.81.4",
"react-native-safe-area-context": "5.5.2"

after updating to
"react-native-safe-area-context": "5.6.1"
It Worked 🙌

Support RN 0.81 was introduced in 5.6.0, I missed that

[Shaik-Sirajuddin]

Happened for me too

"react-native": "0.81.4", "react-native-safe-area-context": "5.5.2"

after updating to "react-native-safe-area-context": "5.6.1" It Worked 🙌

Support RN 0.81 was introduced in 5.6.0, I missed that

same here , fixed the issue for me

[dukizwe]

Same here

[joartola]

Same here