undefined is not an object (evaluating '_$$_REQUIRE(_dependencyMap[5], "./AnimatedTabBar").AnimatedTabBar')

[sammysmart95]

Bug

Here is my src code

import React from 'react';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import AnimatedTabBar from '@gorhom/animated-tabbar';
import Notification from '../screens/NotificationScreen/NotificationScreen';
import Chat from '../screens/ChatScreen/ChatScreen';
import Home from '../screens/HomeScreen/HomeScreen';
import Booking from '../screens/BookingScreen/BookingScreen';
import Profile from '../screens/ProfileScreen/ProfileScreen';
import colours from '../assets/colors';
import IconGenerator from '../components/IconGenerator';
import {appFonts} from '../assets/scale';

const Tabs = createBottomTabNavigator();

const iconProperty = iconName => ({
labelStyle: {
color: colours.primary,
fontFamily: appFonts.regularText.fontFamily,
},
icon: {
component: () => (

),
inactiveColor: colours.primary,
activeColor: colours.primary,
},
background: {
activeColor: 'rgba(0, 191, 166, 0.18)',
inactiveColor: 'rgba(223,215,243,0)',
},
});

const tabs = {
Notification: iconProperty('Notification'),
Chat: iconProperty('Chat'),
Home: iconProperty('Home'),
Bookings: iconProperty('Bookings'),
Profile: iconProperty('Profile'),
};

const TabScreens = () => (
<Tabs.Navigator
tabBar={props => <AnimatedTabBar tabs={tabs} {...props} />}
initialRouteName="Home"
tabBarOptions={{
style: {
backgroundColor: colours.background,
},
}}>
<Tabs.Screen name="Notification" component={Notification} />
<Tabs.Screen name="Chat" component={Chat} />
<Tabs.Screen name="Home" component={Home} />
<Tabs.Screen name="Booking" component={Booking} />
<Tabs.Screen name="Profile" component={Profile} />
</Tabs.Navigator>
);

export default TabScreens;

Environment info

Library	Version
"@gorhom/animated-tabbar": "^2.1.2"
"react-native": "0.66.4"
"react": "17.0.2",
"react-native-reanimated": "^2.3.1",
"react-native-gesture-handler": "^2.1.0",
"react-native-svg": "^12.1.1",

Please i need help!!

[johnhaup]

Try restarting your metro bundler with yarn start --reset-cache

[harensarma]

same error getting TypeError: undefined is not a function

[hugoh59]

Any solution here ?