v3.4.1 crash _clearAnimationConfigForTag #4836

fukemy · 2023-07-28T04:40:14Z

Description

I checked viewtag = nil but still run into this block:

Steps to reproduce

Install v3.4.1
run pod install
run app

Snack or a link to a repository

https://snack.expo.dev

Reanimated version

3.4.1

React Native version

0.72.3

Platforms

iOS

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Paper (Old Architecture)

Build type

Debug mode

Device

Real device

Device model

Ipad gen7

Acknowledgements

Yes

github-actions · 2023-07-28T04:40:29Z

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?

fukemy · 2023-07-28T04:41:44Z

I also installed react-native-screens 3.23.0

yedi97 · 2023-07-28T04:50:17Z

i same issue on IOS, work fine on android!

windduong · 2023-07-28T07:38:57Z

I same issue on IOS, work fine on android!

david-tabaka-guesty · 2023-07-28T11:44:24Z

Same issue. For me, it's reproducing only with Chrome Debugger turned on.

tjzel · 2023-07-28T12:51:45Z

Hi, if so many people have this issue maybe someone can throw in a repro? 😅

ethanneff · 2023-07-30T04:44:37Z

had to downgrade to 3.3.0. too many crashes on 3.4.1

suhailpahmin · 2023-07-31T05:26:06Z

is there any update on this issue? I'm getting the same crashes.

these are my versions

    "react": "18.2.0",
    "react-native": "0.72.3",
    "@react-navigation/bottom-tabs": "^6.5.8",
    "@react-navigation/material-top-tabs": "^6.6.3",
    "@react-navigation/native": "^6.1.7",
    "@react-navigation/native-stack": "^6.9.13",
    "react-native-reanimated": "^3.4.1",
    "react-native-screens": "^3.23.0",

ipoogleduck · 2023-08-01T06:59:11Z

I'm still getting the same crash after downgrading to version 3.3.0. Any updates or help would be appreciated!

tjzel · 2023-08-01T07:45:13Z

Please post a repro so we can investigate this issue 🙏

kunger97 · 2023-08-01T08:44:18Z

clash after call navigation.goBack();
with

@babel/core@7.22.9
@babel/preset-env@7.22.9
@babel/runtime@7.22.6
@expo/vector-icons@13.0.0
@ouroboros/react-native-picker@0.3.1
@react-native-async-storage/async-storage@1.19.1
@react-native-community/eslint-config@3.2.0
@react-navigation/native-stack@6.9.13
@react-navigation/native@6.1.7
@tsconfig/react-native@2.0.3
@types/jest@29.5.3
@types/react-test-renderer@18.0.0
@types/react@18.2.17
babel-jest@29.6.2
eslint@8.46.0
expo-barcode-scanner@12.5.3
expo-secure-store@12.3.1
expo-splash-screen@0.18.2
expo@48.0.20
jest@29.6.2
jsencrypt@3.3.2
lodash@4.17.21
metro-react-native-babel-preset@0.73.9
moment@2.29.4
prettier@2.8.8
prop-types@15.8.1
react-native-actions-sheet@0.8.29
react-native-gesture-handler@2.12.0
react-native-reanimated@3.4.1
react-native-root-toast@3.4.1
react-native-safe-area-context@4.7.1
react-native-screens@3.23.0
react-native@0.71.12
react-test-renderer@18.2.0
react@18.2.0
typescript@4.8.4
uuid@9.0.0

suhailpahmin · 2023-08-01T09:16:12Z

yep, mine is the same as @kunger97 , but I've downgraded to 3.3.0 and it's working now

david-tabaka-guesty · 2023-08-01T09:20:22Z

@tjzel I am encountering a consistent crash whenever I use the "Debug with Chrome" feature and navigate to another screen. This happens on a newly initialized project, and the error is reproducible. Here are the step-by-step details of how to reproduce the issue:

Steps to reproduce:

Initialize a new project with the latest RN version.
Add @react-navigation/native, react-native-screens, react-native-safe-area-context, and @react-navigation/native-stack packages.
The newest version of react-native-reanimated is then added.
Disable Hermes so that the Chrome Debugger can function.
Next, create a simple NativeStack.
Enable the "Debug with Chrome" feature.
Then, simply navigate to another screen and then back (the crash happens here).

Every single time I navigate back, the app crashes without fail, and it also crashes the moment I disable the "Debug with Chrome" feature.

This is a major issue for us because our team heavily relies on the React Native Debugger and we literally can't use it at the moment for the newly created project. Could you please look into it? Thanks.

Here is my dependencies list:

"dependencies": {
    "@react-navigation/native": "6.1.7",
    "@react-navigation/native-stack": "^6.9.13",
    "react": "18.2.0",
    "react-native": "0.72.3",
    "react-native-reanimated": "3.4.1",
    "react-native-safe-area-context": "4.7.1",
    "react-native-screens": "3.23.0"
  }

App.tsx file:

import React from 'react';
import { Button, SafeAreaView, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import {
  createNativeStackNavigator,
  NativeStackScreenProps,
} from '@react-navigation/native-stack';

const Home = ({ navigation: { navigate } }: NativeStackScreenProps<any>) => {
  return (
    <SafeAreaView>
      <Text>Main screen</Text>

      <Button title="Go to details" onPress={() => navigate('Details')} />
    </SafeAreaView>
  );
};
const Details = ({ navigation: { goBack } }: NativeStackScreenProps<any>) => {
  return (
    <SafeAreaView>
      <Text>Main screen</Text>

      <Button title="Go back" onPress={goBack} />
    </SafeAreaView>
  );
};

const NativeStack = createNativeStackNavigator();

const App = () => {
  return (
    <NavigationContainer>
      <NativeStack.Navigator>
        <NativeStack.Screen name={'Home'} component={Home} />
        <NativeStack.Screen name={'Details'} component={Details} />
      </NativeStack.Navigator>
    </NavigationContainer>
  );
};

export default App;

piaskowyk · 2023-08-01T10:44:15Z

@david-tabaka-guesty thank you for providing the reproduction! 🙏 I have an idea how to solve this issue. I will post a PR soon.

caixingyue · 2023-08-01T12:46:51Z

I have this problem too, it's been bothering me for a day

"react-native-reanimated": "^3.4.1",

tjzel · 2023-08-01T12:52:36Z

If you need a temporary workaround you can put
import 'react-native-reanimated'
somewhere early in your JS code, if you don't import anything from react-native-reanimated already

caixingyue · 2023-08-01T12:59:55Z

If you need a temporary workaround you can put import 'react-native-reanimated' somewhere early in your JS code, if you don't import anything from react-native-reanimated already

Your method works, thanks

caixingyue · 2023-08-01T13:01:54Z

@david-tabaka-guesty thank you for providing the reproduction! 🙏 I have an idea how to solve this issue. I will post a PR soon.

import type {WithSpringConfig, WithTimingConfig} from 'react-native-reanimated';

When this is introduced on the screen, the editor will prompt as follows, whether it can be solved together, thank you

Module ""react-native-reanimated"" has no exported member "WithSpringConfig". Are you trying to use "import WithSpringConfig from "react-native-reanimated"" instead?

tjzel · 2023-08-01T13:31:22Z

@caixingyue This is a known issue that with release of 3.4.0 we accidentally stopped exporting those utility types, they will be restored once #4847 is merged and released in 3.4.2.

sebasgarcia29 · 2023-08-02T14:01:15Z

Hi @tjzel when is the next relese for the version 3.4.2?

atulsharmaTFT · 2023-08-03T07:36:06Z

Is there any update on this error ... i m facing this issue while navigating from one screen to another from Drawer.
I tried with 3.4.1 , 3.3.0, 3.2.0 nothing worked in my case... any suggestion?

caixingyue · 2023-08-03T07:48:49Z

Is there any update on this error ... i m facing this issue while navigating from one screen to another from Drawer. I tried with 3.4.1 , 3.3.0, 3.2.0 nothing worked in my case... any suggestion?

Temporary solution, add import 'react-native-reanimated' to index.js or App.ts

dariusbiro · 2023-08-03T07:54:28Z

Is there any update on this error ... i m facing this issue while navigating from one screen to another from Drawer. I tried with 3.4.1 , 3.3.0, 3.2.0 nothing worked in my case... any suggestion?

Another temporary solution I found (but I don't think it's better then the one @caixingyue suggested) is to just disable the chrome deubugging for now.

tjzel · 2023-08-03T08:18:13Z

This issue is under investigation.

@sebasgarcia29 I can't guarantee that it will be released in 3.4.2 which will be either tomorrow or next week - in that case it would be released in 3.4.3 not long after.

Acetyld · 2023-08-03T12:51:09Z

import 'react-native-reanimated'
worked for now.

slim81 · 2023-08-03T15:21:06Z

If you need a temporary workaround you can put import 'react-native-reanimated' somewhere early in your JS code, if you don't import anything from react-native-reanimated already

I spent hours trying different fixes. This is the way...

…4878) ## Summary This PR adds default instances for uninitialized blocks in AnimationManager on iOS. It helps avoid null exceptions in two cases: - When reloading during Layout Animations and Shared Transitions. - When someone has installed Reanimated but doesn't import anything from it. In this situation, these blocks will not be set, but due to swizzling in Screens, there is a possibility of calling some of these blocks. Fixes #4836 Fixes: <img width="500" alt="Screenshot 2023-06-26 at 21 26 52" src="https://github.com/software-mansion/react-native-reanimated/assets/36106620/5bc60a08-da8b-4b14-8762-bbd1ab9a45ec"> ## Test plan 1. Run Example -> open [LA] Entering and Exiting with Layout -> click toggle -> press R in console 2. Run example from #4836 (comment)

lucasAmarall · 2023-08-07T03:57:36Z

import 'react-native-reanimated' worked for now.

Way to go!
It was unbelievable how long it took me to find this and realize it wasn't any error in my code!

SMKH-PRO · 2023-08-07T22:38:56Z

:*( this error cost me sleepless nights!, the irony is that it only appeared on production build/real device.

Same error in 3.4.2

piaskowyk · 2023-08-08T07:18:40Z

This fix hasn't released yet. It will be available in 3.5.0

fargo31 · 2023-08-08T08:31:55Z

add in babel.config.json
"plugins": [
"react-native-reanimated/plugin"
].

https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/#babel-plugin
don't forget : npm start -- --reset-cache

This works for me

david-tabaka-guesty · 2023-08-08T11:27:40Z

For some reason, import 'react-native-reanimated' doesn't work in our case, so we're still waiting for a fix 🙏🏻.

tjzel · 2023-08-08T12:58:03Z

You can use current nightly version that has it fixed, yarn add react-native-reanimated@nightly.

DevNomadAbhi · 2023-08-10T12:34:42Z

This is an issue in latest react native reanimated , putting
import 'react-native-gesture-handler' import 'react-native-reanimated' in index.js file at the very top level resolves the error .

david-tabaka-guesty · 2023-08-11T11:16:33Z

@tjzel thanks a lot, nightly version works as expected!🙏🏻

dennis-gonzales · 2023-08-20T15:26:38Z

I was able to reproduce the issue still on version 3.4.2.

importing react-native-reanimated in index.js does fixes the issue albeit a temporary fix.

but since the post has been declared closed I'm assuming the fix is going to be released soon.

suretarget · 2023-08-20T22:19:43Z

@dennis-gonzales

This fix hasn't released yet. It will be available in 3.5.0

#4836 (comment)

kushal-mobiledev · 2023-08-20T23:38:19Z

had to downgrade to 3.3.0. too many crashes on 3.4.1

This worked.

DevNomadAbhi · 2023-08-25T03:47:37Z

import 'react-native-reanimated'

Tried with importing but its also failing to solve the issue

#4836 (comment)

Fix will come in Reanimated 3.5 (software-mansion/react-native-reanimated#4836)

…imated 3.4. Fix will come in Reanimated 3.5 (software-mansion/react-native-reanimated#4836)

dangnguyen1004 · 2023-09-06T03:52:44Z

If you need a temporary workaround you can put import 'react-native-reanimated' somewhere early in your JS code, if you don't import anything from react-native-reanimated already

Amazing work around

gibo77 · 2023-09-10T03:18:30Z

When you do yarn add react-native-reanimated@nightly
you need to remove the import 'react-native-reanimated' from your index.js.
This works for me, but only in iOS debug mode.
If I change to iOS Release mode in Xcode, app will crash when the page changes with React Native Navigation.

Xcode Crash Report below. Crash trigger only.

Thread 3 Crashed:: Dispatch queue: com.facebook.react.ExceptionsManagerQueue
0 libsystem_kernel.dylib 0x7ff8376f4202 __pthread_kill + 10
1 libsystem_pthread.dylib 0x7ff83774cee6 pthread_kill + 263
2 libsystem_c.dylib 0x7ff800131e58 abort + 130
3 libc++abi.dylib 0x7ff80025a5f2 abort_message + 241
4 libc++abi.dylib 0x7ff80024c7cb demangling_terminate_handler() + 267
5 libobjc.A.dylib 0x7ff800032182 _objc_terminate() + 96
6 libc++abi.dylib 0x7ff800259a4b std::__terminate(void (*)()) + 6
7 libc++abi.dylib 0x7ff800259a06 std::terminate() + 54
8 libdispatch.dylib 0x7ff80013d0ed _dispatch_client_callout + 28
9 libdispatch.dylib 0x7ff800144b23 _dispatch_lane_serial_drain + 1008
10 libdispatch.dylib 0x7ff8001457ef _dispatch_lane_invoke + 400
11 libdispatch.dylib 0x7ff800152475 _dispatch_workloop_worker_thread + 873
12 libsystem_pthread.dylib 0x7ff837749c55 _pthread_wqthread + 327
13 libsystem_pthread.dylib 0x7ff837748bbf start_wqthread + 15

Below are the dependencies.

"@react-native-community/slider": "^4.4.2",
"@react-navigation/native": "^6.1.7",
"@react-navigation/native-stack": "^6.9.13",
"babel": "^6.23.0",
"base64-js": "^1.5.1",
"buffer": "^6.0.3",
"react": "^18.2.0",
"react-native": "^0.71.7",
"react-native-gesture-handler": "^2.12.1",
"react-native-reanimated": "^3.5.0-nightly-20230909-073b64568",
"react-native-safe-area-context": "^4.7.2",
"react-native-screens": "^3.25.0",
"react-native-size-matters": "^0.4.0",
"react-native-udp": "^4.1.7",
"react-native-vector-icons": "^10.0.0",
"react-native-wifi-reborn": "^4.7.0",
"upgrade": "^1.1.0"

Ahmed-Imam · 2023-09-11T15:18:03Z

any update on this ?? still getting the issue on

    "react-native-gesture-handler": "^2.12.1",
    "react-native-reanimated": "^3.3.0",
    "react-native-reanimated-carousel": "^3.5.1",
     "react-native": "0.69.4",

Ahmed-Imam · 2023-09-11T15:22:42Z

@piaskowyk have you found a solution for this issue? If you could share the solution or the PR, we could apply a patch until it's officially released

piaskowyk · 2023-09-11T18:41:27Z

Today we released version that contains the fix, you should update your Reanimated to 3.5.0

Dip76 · 2024-05-06T09:03:40Z

I had the same error in Reanimated version 3.8.1. I tried several Reanimated versions and imported Reanimated into my App.tsx file, but nothing worked in my instance.

After many tries, I decided to import Animated from'react-native-reanimated' and apply it to any view of my landing page, which worked!

You can use it on any view on your screen.

Example usage:

Import Animated from'react-native-reanimated'

<Animated.View style={[{ marginHorizontal: 16, }]}>
<TouchableOpacity style={[customButtons.primaryButton,{marginVertical:14}]} onPress={() => navigation.navigate('CreateAccount')}>
<Text allowFontScaling={false} style={[textStyle.continueBtnText,{color:"#fff"}]}>Create a new account

<TouchableOpacity style={[customButtons.landingButton,]} onPress={() => navigation.navigate('LoginScreen')}>
Already have an account? Log in

</Animated.View>

Inayat567 · 2024-07-21T05:35:02Z

Still I am getting same issue
Tried all above solutions => nothing work for me 🥲

app crashing when I replace or reset navigation

code :

      navigation.replace(screens.BottomTab, {
            screen: screens.Home,
          });

or

  navigation.reset({
      routes: [{name: screens.SignIn}],
      index: 0,
    });

"react-native": "0.73.6",
"react-native-reanimated": "3.9.0",
"react-native-screens": "^3.29.0",

Thanks for help in Advance!

inayatAliDev · 2024-09-16T08:51:06Z

Still I am getting same issue Tried all above solutions => nothing work for me 🥲

app crashing when I replace or reset navigation

code :
      navigation.replace(screens.BottomTab, {
            screen: screens.Home,
          });
or
  navigation.reset({
      routes: [{name: screens.SignIn}],
      index: 0,
    });
"react-native": "0.73.6", "react-native-reanimated": "3.9.0", "react-native-screens": "^3.29.0",

Thanks for help in Advance!

Need help please
I am also facing same situation

elangovansword · 2024-09-16T14:52:40Z

Still I am getting same issue Tried all above solutions => nothing work for me 🥲
app crashing when I replace or reset navigation
code :
      navigation.replace(screens.BottomTab, {
            screen: screens.Home,
          });
or
  navigation.reset({
      routes: [{name: screens.SignIn}],
      index: 0,
    });
"react-native": "0.73.6", "react-native-reanimated": "3.9.0", "react-native-screens": "^3.29.0",
Thanks for help in Advance!
Need help please I am also facing same situation

In my case 'event-emitter' is caused the issue, Without event emitter observers it is working.

fukemy added the Needs review Issue is ready to be reviewed by a maintainer label Jul 28, 2023

github-actions bot added Platform: iOS This issue is specific to iOS Missing repro This issue need minimum repro scenario labels Jul 28, 2023

piaskowyk self-assigned this Aug 1, 2023

piaskowyk mentioned this issue Aug 3, 2023

Add default implementations for blocks from AnimationsManager on iOS #4878

Merged

piaskowyk closed this as completed in #4878 Aug 4, 2023

warrendeleon added a commit to warrendeleon/rn-warrendeleon that referenced this issue Aug 26, 2023

🐛 Temporary fix for navigation.goBack() due to a bug in Reanimated 3.4.

2ff99d7

Fix will come in Reanimated 3.5 (software-mansion/react-native-reanimated#4836)

warrendeleon added a commit to warrendeleon/rn-warrendeleon that referenced this issue Aug 26, 2023

🐛 Temporary fix for iOS when navigation.goBack() due to a bug in Rean…

c4903a2

…imated 3.4. Fix will come in Reanimated 3.5 (software-mansion/react-native-reanimated#4836)

warrendeleon added a commit to warrendeleon/rn-warrendeleon that referenced this issue Sep 1, 2023

🐛 Temporary fix for iOS when navigation.goBack() due to a bug in Rean…

3069b7f

…imated 3.4. Fix will come in Reanimated 3.5 (software-mansion/react-native-reanimated#4836)

tjzel mentioned this issue Sep 6, 2023

【ios】app will be crashed when i install this plugin!!! #5020

Closed

v3.4.1 crash _clearAnimationConfigForTag #4836

v3.4.1 crash _clearAnimationConfigForTag #4836

Comments

fukemy commented Jul 28, 2023

Description

Steps to reproduce

Snack or a link to a repository

Reanimated version

React Native version

Platforms

JavaScript runtime

Workflow

Architecture

Build type

Device

Device model

Acknowledgements

github-actions bot commented Jul 28, 2023

fukemy commented Jul 28, 2023

yedi97 commented Jul 28, 2023 • edited Loading

windduong commented Jul 28, 2023

david-tabaka-guesty commented Jul 28, 2023

tjzel commented Jul 28, 2023

ethanneff commented Jul 30, 2023

suhailpahmin commented Jul 31, 2023 • edited Loading

ipoogleduck commented Aug 1, 2023

tjzel commented Aug 1, 2023

kunger97 commented Aug 1, 2023

suhailpahmin commented Aug 1, 2023

david-tabaka-guesty commented Aug 1, 2023

piaskowyk commented Aug 1, 2023

caixingyue commented Aug 1, 2023

tjzel commented Aug 1, 2023

caixingyue commented Aug 1, 2023

caixingyue commented Aug 1, 2023

tjzel commented Aug 1, 2023

sebasgarcia29 commented Aug 2, 2023

atulsharmaTFT commented Aug 3, 2023

caixingyue commented Aug 3, 2023 • edited Loading

dariusbiro commented Aug 3, 2023

tjzel commented Aug 3, 2023

Acetyld commented Aug 3, 2023

slim81 commented Aug 3, 2023 • edited Loading

lucasAmarall commented Aug 7, 2023

SMKH-PRO commented Aug 7, 2023 • edited Loading

piaskowyk commented Aug 8, 2023

fargo31 commented Aug 8, 2023

david-tabaka-guesty commented Aug 8, 2023

tjzel commented Aug 8, 2023

DevNomadAbhi commented Aug 10, 2023

david-tabaka-guesty commented Aug 11, 2023

dennis-gonzales commented Aug 20, 2023

suretarget commented Aug 20, 2023 • edited Loading

kushal-mobiledev commented Aug 20, 2023

DevNomadAbhi commented Aug 25, 2023

dangnguyen1004 commented Sep 6, 2023

gibo77 commented Sep 10, 2023

Ahmed-Imam commented Sep 11, 2023

Ahmed-Imam commented Sep 11, 2023

piaskowyk commented Sep 11, 2023

Dip76 commented May 6, 2024 • edited Loading

Inayat567 commented Jul 21, 2024 • edited Loading

inayatAliDev commented Sep 16, 2024 • edited Loading

elangovansword commented Sep 16, 2024

yedi97 commented Jul 28, 2023 •

edited

Loading

suhailpahmin commented Jul 31, 2023 •

edited

Loading

caixingyue commented Aug 3, 2023 •

edited

Loading

slim81 commented Aug 3, 2023 •

edited

Loading

SMKH-PRO commented Aug 7, 2023 •

edited

Loading

suretarget commented Aug 20, 2023 •

edited

Loading

Dip76 commented May 6, 2024 •

edited

Loading

Inayat567 commented Jul 21, 2024 •

edited

Loading

inayatAliDev commented Sep 16, 2024 •

edited

Loading