AgendaList - fix initial scroll not to performs if user started to scroll before it executed. Change useEffect to useDidUpdate to avoid second scroll on load (#2005)

Author: Inbal-Tish

src/expandableCalendar/agendaList.tsx

@@ -25,6 +25,7 @@ import {
   TextProps
 } from 'react-native';
 
+import {useDidUpdate} from '../hooks';
 import {isToday, isGTE, sameDate} from '../dateutils';
 import {getMoment} from '../momentResolver';
 import {parseDate} from '../interface';
@@ -88,7 +89,9 @@ const AgendaList = (props: AgendaListProps) => {
     markToday = true,
     onViewableItemsChanged,
   } = props;
+
   const {date, updateSource, setDate, setDisabled} = useContext(Context);
+  
   const style = useRef(styleConstructor(theme));
   const list = useRef<any>();
   const _topSection = useRef(sections[0]?.title);
@@ -104,7 +107,7 @@ const AgendaList = (props: AgendaListProps) => {
     }
   }, []);
 
-  useEffect(() => {
+  useDidUpdate(() => {
     // NOTE: on first init data should set first section to the current date!!!
     if (updateSource !== UpdateSources.LIST_DRAG && updateSource !== UpdateSources.CALENDAR_INIT) {
       scrollToSection(date);
@@ -194,14 +197,15 @@ const AgendaList = (props: AgendaListProps) => {
       }
     }
     onViewableItemsChanged?.(info);
-  }, [_topSection.current, didScroll.current, avoidDateUpdates, setDate, onViewableItemsChanged]);
+  }, [avoidDateUpdates, setDate, onViewableItemsChanged]);
 
   const _onScroll = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {
     if (!didScroll.current) {
       didScroll.current = true;
+      scrollToSection.cancel();
     }
     onScroll?.(event);
-  }, [didScroll.current, onScroll]);
+  }, [onScroll]);
 
   const _onMomentumScrollBegin = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {
     setDisabled?.(true);