diff --git a/openmetadata-ui/src/main/resources/ui/src/components/MyData/MyData.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/MyData/MyData.component.tsx index c6481599d44..29f57adf56b 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/MyData/MyData.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/MyData/MyData.component.tsx @@ -175,24 +175,23 @@ const MyData: React.FC = ({ ); }, [ownedData, followedData, pendingTaskCount]); - const fetchMoreFeed = ( - isElementInView: boolean, - pagingObj: Paging, - isLoading: boolean - ) => { - if ( - isElementInView && - pagingObj?.after && - !isLoading && - isMounted.current - ) { - fetchFeedHandler(feedFilter, pagingObj.after, threadType); - } - }; + const fetchMoreFeed = useCallback( + (isElementInView: boolean, pagingObj: Paging) => { + if ( + isElementInView && + pagingObj?.after && + !isFeedLoading && + isMounted.current + ) { + fetchFeedHandler(feedFilter, pagingObj.after, threadType); + } + }, + [isFeedLoading, threadType, fetchFeedHandler, isMounted.current] + ); useEffect(() => { - fetchMoreFeed(Boolean(isInView), paging, isFeedLoading); - }, [isInView, paging, isFeedLoading]); + fetchMoreFeed(Boolean(isInView), paging); + }, [isInView, paging]); useEffect(() => { isMounted.current = true;