useAnimatedScrollHandler with refreshControl not working about react-native-reanimated HOT 3 OPEN

  const onScroll = useAnimatedScrollHandler({
    onScroll: event => {
      const currentOffset = event.contentOffset.y;
      //Scroll not outside of top bounds
      if (currentOffset > 0) {
        isScrollingUp.value = scrollY.value > currentOffset;
        scrollY.value = currentOffset;

        isAtBottom.value =
          currentOffset >=
          event.contentSize.height - event.layoutMeasurement.height;
      }
    },
  });

<Animated.FlatList
        ListEmptyComponent={ListEmptyComponent}
        ListHeaderComponent={<HomeHeader navigation={navigation} />}
        ListFooterComponent={<HomeFooter />}
        ref={flatListRef}
        contentContainerStyle={styles.contentContainer}
        showsVerticalScrollIndicator={false}
        onScroll={onScroll}
        onEndReached={hasMore ? onNextPage : null}
        onEndReachedThreshold={2}
        onRefresh={onRefresh}
        refreshing={false}
        scrollEventThrottle={16}
        data={data}
        keyExtractor={(item, index) => `${item.id}-${index}`}
        renderItem={renderItem}
        initialNumToRender={5}
        removeClippedSubviews
      />