[Bug]: useAnimatedScrollHandler is not working properly with React Native FlashList in version 3.9+

[prince-d-simform]

Description

useAnimatedScrollHandler is working perfectly fine with reanimated version <= 3.8 but with recent versions >= 3.9 it is not working

import Animated, { useAnimatedScrollHandler } from 'react-native-reanimated';

import { FlashList, FlashListProps } from '@shopify/flash-list';

const AnimatedFlashList =
  Animated.createAnimatedComponent<FlashListProps<StoriesType>>(FlashList);

const onScroll = useAnimatedScrollHandler(event => {
    scrollX.value = event.contentOffset.x;
});

<AnimatedFlashList
     horizontal
     pagingEnabled       
     data={stories}
     onScroll={onScroll}
 />

Steps to reproduce

1. Use React Native FlashList: https://github.com/Shopify/flash-list
2. Use React Native Reanimated version >= 3.9
3. Create animatedComponent of Flashlist
4. Use that AnimatedFlashList
5. Use onScroll method with useAnimatedScrollHandler

Snack or a link to a repository

N/A

Reanimated version

3.9.0

React Native version

0.71.5

Platforms

Android, iOS

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[emzet93]

I can confirm that. Worked perfectly with reanimated 3.8.1. Today I upgraded to 3.10 and it broke :(

[emzet93]

@prince-d-simform see this #5941.

[tomekzaw]

Sorry to hear that, we'll need to take a closer look.

@szydlovsky Could you please investigate this issue?

[szydlovsky]

Hi @prince-d-simform it is a duplicate issue: #5941. You can follow the updates in its comment section.