onChangeTab results in undefined error

[mmckinley8]

• [x] I have searched existing issues

• [x] I am using the latest scrollable tab view version

  • onChangeTab never fires, results in error: TypeError: undefined is not a function, js engine: hermes

Steps to Reproduce

Change a tab

Expected Behavior

Tab should change

Actual Behavior

Nothing happens, results in error. CHANGING TAB never prints out. Just get the undefined error.

      <ScrollableTabView
        initialPage={0}
        locked={false}
        onChangeTab={({ i, from }) => {
          console.log('CHANGING TAB', i, from)
          return i !== from && setSelectedTab(i)
        }}
        renderTabBar={() => <ScrollableTabBar inactiveTextColor="#425164" />}
        scrollWithoutAnimation={false}
        style={{ backgroundColor: 'white' }}
        tabBarActiveTextColor="#3D7BCC"
        tabBarBackgroundColor="white"
        tabBarInActiveTextColor="#425164"
        tabBarTextStyle={{ fontFamily: 'Calibre-Medium', fontWeight: '500', fontSize: 17 }}
        tabBarUnderlineStyle={{ backgroundColor: '#3D7BCC' }}
      >
        {topics.map((item, index) => {
          return <View isSelected={selectedTab === index} key={item.id} tabLabel={item.label} />
        })}
      </ScrollableTabView>

[shukerullah]

The issue has been fixed, but it hasn't been updated on npm yet. Temporary fix: yarn add https://github.com/ptomasroos/react-native-scrollable-tab-view