Header is not collapsing when using Tabs.FlatList and onRefresh

when I use refreshing={refreshing} and onRefresh={onRefresh} the header is not collapsing, but when I comment them everything works OK.

  <Tabs.FlatList
      data={!userId ? userGoals : goals}
      keyExtractor={keyExtractor}
      ListHeaderComponent={renderHeader}
      contentContainerStyle={styles.contentContainerStyle}
      onRefresh={onRefresh} <--------------------------------------- this
      onEndReached={onEndReached}
      refreshing={refreshing} <------------------------------------- and this
      renderItem={renderGoalCard}
      extraData={goals}
      nestedScrollEnabled
      ListEmptyComponent={ListEmptyComponent}
    />

what should I do? this happened out of no where, because my project was working perfectly before, I tried updating to the latest version but no luck!

"react-native": "^0.73.2", "react-native-collapsible-tab-view": "7.0.1",

PedroBern / react-native-collapsible-tab-view

Header is not collapsing when using Tabs.FlatList and onRefresh #401