Calendar demo screen - move items load to componentDidMount

Author: Inbal-Tish

demo/src/screens/incubatorScreens/IncubatorCalendarScreen/index.tsx

@@ -12,8 +12,7 @@ export default class CalendarScreen extends Component {
     showLoader: false
   };
 
-  constructor(props: any) {
-    super(props);
+  componentDidMount(): void {
     this.loadEvents(this.state.date);
   }
 

src/incubator/Calendar/index.tsx

@@ -95,7 +95,7 @@ function Calendar(props: PropsWithChildren<CalendarProps>) {
       setHeaderHeight,
       headerHeight
     };
-  }, [processedData]);
+  }, [processedData, staticHeader, showExtraDays, firstDayOfWeek]);
 
   /** Pages reload */
 
@@ -135,6 +135,7 @@ function Calendar(props: PropsWithChildren<CalendarProps>) {
     const index = getItemIndex(selected);
 
     if (shouldAddPages(index)) {
+      console.log('Add new pages');
       runOnJS(addPages)(index);
     } else if (lastUpdateSource.value !== UpdateSource.MONTH_SCROLL) {
       if (previous && !isSameMonth(selected, previous)) {
@@ -143,6 +144,8 @@ function Calendar(props: PropsWithChildren<CalendarProps>) {
     }
   }, [getItemIndex]);
 
+  /** Events */
+
   const onViewableItemsChanged = useCallback(({viewableItems}: any) => {
     const item = viewableItems?.[0]?.item;
     if (item && scrolledByUser.value) {