Crash on first start (Reanimated 4 supports only the React Native New Architecture)

[iMakarenkoSeverex]

Description

In the release build on a real device (always) and sometimes on the emulator, the application crashes on the first launch on a splash screen. On subsequent launches, everything is fine.

info from crashlytics:

ReanimatedError: [Reanimated] Reanimated 4 supports only the React Native New Architecture and web., js engine: hermes, stack: ReanimatedErrorConstructor@1:998922 NativeReanimatedModule@1:1184108 createNativeReanimatedModule@1:1183208 anonymous@1:1177541 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 get@1:1177442 anonymous@1:986194 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:978022 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:897844 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:895336 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:894845 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:828330 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:827728 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:734721 loadModuleImplementation@1:51733 guardedLoadModule@1:51257 metroRequire@1:50853 anonymous@1:58299 loadModuleImplementation@1:51733 guardedLoadModule@1:51214 metroRequire@1:50853 global@1:50375

setup:

babel.config.js
module.exports = {
  presets: ['module:@react-native/babel-preset'],
  plugins: ['react-native-worklets/plugin'],
};

"react-native": "0.80.2",
"react-native-reanimated": "^4.0.2",
"react-native-worklets": "^0.4.1",

newArchEnabled=true
hermesEnabled=true

if prompted in console i see these parameters:
console.error: globalThis.RN$Bridgeless true, js engine: hermes, ...
console.error: SHOULD_BE_USE_WEB false, js engine: hermes,...

Steps to reproduce

no

Snack or a link to a repository

no

Reanimated version

4.0.2

Worklets version

0.4.1

React Native version

0.80.2

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native CLI

Architecture

New Architecture (Fabric renderer)

Build type

Release app & production bundle

Device

Real device

Host machine

macOS

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Steps to reproduce and Snack or a link to a repository sections.

[tadeumelembe]

Same here

[Vashiru]

Yep, same, app where I have newArchEnabled=true, upgraded to react-native-reanimated v4. But mine isn't just a single one time on start-up, mine keeps crashing even on subsequent start-ups

[fnxlsjfl]

Same here. Even if I upgrade version to 4.1.0, the crash still happens once.

[fnxlsjfl]

I've downgraded version to 3.18.0, it seems work.

[Kakaranara]

This issue (crash) also appears when we receive a pop-up from a push notification. (tested in android)

[syaKainew]

Yep, same, app where I have newArchEnabled=true, upgraded to react-native-reanimated v4. But mine isn't just a single one time on start-up, mine keeps crashing even on subsequent start-ups

I encountered the same problem, have you solved it?

[syaKainew]

When building with expo everything works fine (expo run:android)
When building with eas the build is successful but after installation on physical devices it crashes, this started happening after updating to expo 54 and reanimated 4.1

Logcat: 09-17 10:22:41.858 F/libc ( 6903): Fatal signal 6 (SIGABRT), code -1 (SI_QUEUE) in tid 6943 (pool-11-thread-), pid 6903 (com.my.app)

plugins: [ [ 'module:react-native-dotenv', { moduleName: '@env' } ], '@lingui/babel-plugin-lingui-macro', 'react-native-worklets/plugin' ]

"dependencies": { "@expo/vector-icons": "^15.0.2", "@freakycoder/react-native-bounceable": "^2.0.0", "@gorhom/bottom-sheet": "^5.0.6", "@lingui/core": "^5.4.1", "@lingui/react": "^5.4.1", "@react-native-async-storage/async-storage": "2.2.0", "@react-native-community/netinfo": "11.4.1", "@react-native-firebase/app": "^23.3.1", "@react-navigation/bottom-tabs": "^7.2.0", "@react-navigation/material-top-tabs": "^7.2.9", "@react-navigation/native": "^7.1.17", "@react-navigation/native-stack": "^7.1.6", "@react-navigation/stack": "^7.0.6", "@sentry/react-native": "~6.20.0", "@shopify/flash-list": "2.0.2", "axios": "^1.7.7", "date-fns": "^4.1.0", "expo": "54.0.8", "expo-blur": "~15.0.7", "expo-camera": "~17.0.8", "expo-checkbox": "~5.0.7", "expo-doctor": "^1.17.7", "expo-file-system": "~19.0.14", "expo-font": "~14.0.8", "expo-haptics": "~15.0.7", "expo-localization": "~17.0.7", "expo-notifications": "^0.32.11", "expo-secure-store": "~15.0.7", "expo-sensors": "~15.0.7", "expo-splash-screen": "~31.0.10", "expo-status-bar": "~3.0.8", "expo-system-ui": "~6.0.7", "intl-messageformat": "^10.7.14", "libphonenumber-js": "^1.12.17", "lottie-react-native": "~7.3.1", "react": "19.1.0", "react-native": "0.81.4", "react-native-compressor": "^1.12.0", "react-native-confirmation-code-field": "^7.4.0", "react-native-country-codes-picker": "^2.3.5", "react-native-country-flag": "^2.0.2", "react-native-device-info": "^14.0.4", "react-native-dotenv": "^3.4.11", "react-native-dynamic-search-bar": "^2.0.2", "react-native-element-dropdown": "^2.12.4", "react-native-elements": "^3.4.3", "react-native-gesture-handler": "~2.28.0", "react-native-is-edge-to-edge": "^1.2.1", "react-native-keyboard-controller": "1.18.5", "react-native-modal": "^13.0.1", "react-native-page-indicator": "^2.4.2", "react-native-pager-view": "6.9.1", "react-native-reanimated": "^4.1.0", "react-native-safe-area-context": "^5.6.1", "react-native-screens": "^4.16.0", "react-native-spinkit": "^1.5.1", "react-native-svg": "15.12.1", "react-native-ui-datepicker": "^3.1.2", "react-native-uuid": "^2.0.3", "react-native-webview": "13.15.0", "react-native-worklets": "0.5.1" }

for the sake of experiment, I created a project with almost empty logic, and the result was the same (I didn't delete any files from the project, and I removed all imports, leaving only react-native)

<Viev> <Text>TEST</Text> </View>

[Vashiru]

Yep, same, app where I have newArchEnabled=true, upgraded to react-native-reanimated v4. But mine isn't just a single one time on start-up, mine keeps crashing even on subsequent start-ups

I encountered the same problem, have you solved it?

No, I figured it's a bug in the library that will get resolved over time. There's no need for me to upgrade to v4.x right now, I was just pro-actively upgrading things. Same reason I'm sticking to RN 0.80 for now as RN 0.81 triggers #3643 in react-native-gesture-handler. (Dunno if that still gets triggered on v4 because of the crash).

[krunalinfynno]

+1

[WilliamsDima]

+1