diff --git a/packages/components/socialFeed/NewsFeed/NewsFeed.tsx b/packages/components/socialFeed/NewsFeed/NewsFeed.tsx index f1c091b55e..59e5982c5b 100644 --- a/packages/components/socialFeed/NewsFeed/NewsFeed.tsx +++ b/packages/components/socialFeed/NewsFeed/NewsFeed.tsx @@ -6,6 +6,7 @@ import { useWindowDimensions, } from "react-native"; import Animated, { + runOnJS, useAnimatedScrollHandler, useSharedValue, } from "react-native-reanimated"; @@ -71,13 +72,13 @@ export const NewsFeed: React.FC = ({ const scrollHandler = useAnimatedScrollHandler({ onScroll: (event) => { - setFlatListContentOffsetY(event.contentOffset.y); + runOnJS(setFlatListContentOffsetY)(event.contentOffset.y); if (flatListContentOffsetY > event.contentOffset.y) { isGoingUp.value = true; } else if (flatListContentOffsetY < event.contentOffset.y) { isGoingUp.value = false; } - setFlatListContentOffsetY(event.contentOffset.y); + runOnJS(setFlatListContentOffsetY)(event.contentOffset.y); }, }); diff --git a/packages/screens/FeedPostView/FeedPostViewScreen.tsx b/packages/screens/FeedPostView/FeedPostViewScreen.tsx index 7bddc76116..a41b24e017 100644 --- a/packages/screens/FeedPostView/FeedPostViewScreen.tsx +++ b/packages/screens/FeedPostView/FeedPostViewScreen.tsx @@ -6,6 +6,7 @@ import { View, } from "react-native"; import Animated, { + runOnJS, useAnimatedRef, useAnimatedScrollHandler, useSharedValue, @@ -126,7 +127,7 @@ export const FeedPostViewScreen: ScreenFC<"FeedPostView"> = ({ event.contentOffset.y >= event.contentSize.height - offsetPadding && isNextPageAvailable.value ) { - fetchNextPage(); + runOnJS(fetchNextPage)(); } if (flatListContentOffsetY > event.contentOffset.y) { @@ -134,7 +135,7 @@ export const FeedPostViewScreen: ScreenFC<"FeedPostView"> = ({ } else if (flatListContentOffsetY < event.contentOffset.y) { isGoingUp.value = false; } - setFlatListContentOffsetY(event.contentOffset.y); + runOnJS(setFlatListContentOffsetY)(event.contentOffset.y); }, }, [postResult?.identifier]