Fails on iOS with React Native 0.77 and 0.78 (New Arch) – TypeError: component.hasAnimatedRef is not a function

[iy-913]

With React Native 0.77 and 0.78 (New Architecture), react-native-collapsible-tab-view does not work on iOS and throws the following error: TypeError: component.hasAnimatedRef is not a function (it is undefined)

Dependencies Used • "react-native-pager-view": "^6.7.0" • "react-native-reanimated": "^3.17.1"

Additional Information • The issue only affects react-native-collapsible-tab-view. • react-native-tab-view works fine with the same dependencies. • The issue seems specific to React Native 0.77 and 0.78 (New Arch) on iOS.

[mortuosplango]

It seems to be a bug in reanimated: I patched reanimated 3.17.1 locally with the changes from this PR as they're not out yet and I don't get this error anymore.

Edit: Now the app itself crashes on iOS 18.3 after scrolling up and down on the second tab (first seems to be fine) so that's fun.

Edit: the crash happens on React Native 0.77.1. It doesn't happen on 0.78, but scrolling on any of the other tabs is janky in the simulator.

[edritech93]

sama issue for me, I using react-native 0.78.0 (with new arch)

[shuo-hiwintech]

+1

[cebrakadabra]

+1 same issue for me

However, as @mortuosplango mentioned, applying the patch from the linked PR does the trick for now (I'm on RN 0.78) and it's fairly smooth.

[XushbaxtovNodirbek]

"react-native": "0.76.6" same issue

[ursnj]

same issue with expo 53 and react native 0.79.x also, anybody found any work arround ?

for me ios app is getting crashed when i switched to second tab.

[Swampi995]

I had the same issue and solved it by removing the "snapThreshold" property, maybe it helps someone.

[itsnyx]

@ursnj same here when switching tabs in new arch it crashes!

[itsnyx]

anyone has any fix for this ?

this is only reason i can't use new arch!