react-native-animated-tabbar
react-native-animated-tabbar copied to clipboard
undefined is not a function w/ the the new redash v14 imports
This is what I get since 2.1.2:
ERROR TypeError: undefined is not a function
This error is located at:
in BubbleTabBarItemComponent
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at RawButton.tsx:109)
in LongPressGestureHandler (at RawButton.tsx:105)
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at RawButton.tsx:96)
in TapGestureHandler (at RawButton.tsx:92)
in RawButton (at BubbleTabBar.tsx:80)
in RCTView (at View.js:34)
in View (at BubbleTabBar.tsx:77)
in BubbleTabBarComponent
in AnimatedTabBarView (at AnimatedTabBar.tsx:251)
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at AnimatedTabBar.tsx:246)
in AnimatedTabBar (at FooterTab.tsx:43)
in SafeAreaProviderCompat (at BottomTabView.tsx:145)
in BottomTabView (at createBottomTabNavigator.tsx:45)
in BottomTabNavigator (at App.tsx:150)
in EnsureSingleNavigator (at BaseNavigationContainer.tsx:409)
in BaseNavigationContainer (at NavigationContainer.tsx:91)
in ThemeProvider (at NavigationContainer.tsx:90)
in NavigationContainer (at App.tsx:143)
in ThemeProvider (at App.tsx:141)
in RNCSafeAreaProvider (at SafeAreaContext.tsx:76)
in SafeAreaProvider (at App.tsx:140)
in App (at renderApplication.js:47)
in RCTView (at View.js:34)
in View (at AppContainer.js:107)
in RCTView (at View.js:34)
in View (at AppContainer.js:134)
in AppContainer (at renderApplication.js:40), js engine: hermes
ERROR TypeError: undefined is not a function
This error is located at:
in BubbleTabBarItemComponent
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at RawButton.tsx:109)
in LongPressGestureHandler (at RawButton.tsx:105)
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at RawButton.tsx:96)
in TapGestureHandler (at RawButton.tsx:92)
in RawButton (at BubbleTabBar.tsx:80)
in RCTView (at View.js:34)
in View (at BubbleTabBar.tsx:77)
in BubbleTabBarComponent
in AnimatedTabBarView (at AnimatedTabBar.tsx:251)
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at AnimatedTabBar.tsx:246)
in AnimatedTabBar (at FooterTab.tsx:43)
in SafeAreaProviderCompat (at BottomTabView.tsx:145)
in BottomTabView (at createBottomTabNavigator.tsx:45)
in BottomTabNavigator (at App.tsx:150)
in EnsureSingleNavigator (at BaseNavigationContainer.tsx:409)
in BaseNavigationContainer (at NavigationContainer.tsx:91)
in ThemeProvider (at NavigationContainer.tsx:90)
in NavigationContainer (at App.tsx:143)
in ThemeProvider (at App.tsx:141)
in RNCSafeAreaProvider (at SafeAreaContext.tsx:76)
in SafeAreaProvider (at App.tsx:140)
in App (at renderApplication.js:47)
in RCTView (at View.js:34)
in View (at AppContainer.js:107)
in RCTView (at View.js:34)
in View (at AppContainer.js:134)
in AppContainer (at renderApplication.js:40), js engine: hermes
ERROR TypeError: undefined is not a function
This error is located at:
in BubbleTabBarItemComponent
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at RawButton.tsx:109)
in LongPressGestureHandler (at RawButton.tsx:105)
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at RawButton.tsx:96)
in TapGestureHandler (at RawButton.tsx:92)
in RawButton (at BubbleTabBar.tsx:80)
in RCTView (at View.js:34)
in View (at BubbleTabBar.tsx:77)
in BubbleTabBarComponent
in AnimatedTabBarView (at AnimatedTabBar.tsx:251)
in RCTView (at View.js:34)
in View (at createAnimatedComponent.js:448)
in AnimatedComponent(View) (at createAnimatedComponent.js:459)
in AnimatedComponentWrapper (at AnimatedTabBar.tsx:246)
in AnimatedTabBar (at FooterTab.tsx:43)
in SafeAreaProviderCompat (at BottomTabView.tsx:145)
in BottomTabView (at createBottomTabNavigator.tsx:45)
in BottomTabNavigator (at App.tsx:150)
in EnsureSingleNavigator (at BaseNavigationContainer.tsx:409)
in BaseNavigationContainer (at NavigationContainer.tsx:91)
in ThemeProvider (at NavigationContainer.tsx:90)
in NavigationContainer (at App.tsx:143)
in ThemeProvider (at App.tsx:141)
in RNCSafeAreaProvider (at SafeAreaContext.tsx:76)
in SafeAreaProvider (at App.tsx:140)
in App (at renderApplication.js:47)
in RCTView (at View.js:34)
in View (at AppContainer.js:107)
in RCTView (at View.js:34)
in View (at AppContainer.js:134)
in AppContainer (at renderApplication.js:40), js engine: hermes
2.1.1 didn't work out of the box as well, but at I least I was able to put "react-native-redash": "16.0.11" in yarn resolutions to make it work. Now doing the same makes it work in my Arch Linux laptop but not in my Fedora workstation.
I guess this must have something to do with the new redash imports (https://github.com/gorhom/react-native-animated-tabbar/commit/3856e62f284d50417e3f39e97a3283f77b37b3c1).
I'm downgrading to 2.1.1 which at least works with the yarn resolutions.