fix ts error

Author: Inbal-Tish

example/src/screens/agenda.tsx

@@ -19,7 +19,6 @@ export default class AgendaScreen extends Component<State> {
         items={this.state.items}
         loadItemsForMonth={this.loadItems}
         selected={'2017-05-16'}
-        //@ts-expect-error
         renderItem={this.renderItem}
         renderEmptyDate={this.renderEmptyDate}
         rowHasChanged={this.rowHasChanged}

src/agenda/reservation-list/index.tsx

@@ -18,14 +18,14 @@ export type ReservationListProps = ReservationProps & {
   the value of date key kas to be an empty array []. If there exists no value for date key it is
   considered that the date in question is not yet loaded */
   items?: ReservationsType;
-  selectedDay: XDate;
-  topDay: XDate;
+  selectedDay?: XDate;
+  topDay?: XDate;
   /** Show items only for the selected day. Default = false */
-  showOnlySelectedDayItems: boolean;
+  showOnlySelectedDayItems?: boolean;
   /** callback that gets called when day changes while scrolling agenda list */
   onDayChange?: (day: XDate) => void;
   /** specify what should be rendered instead of ActivityIndicator */
-  renderEmptyData: () => JSX.Element;
+  renderEmptyData?: () => JSX.Element;
   style?: StyleProp<ViewStyle>;
 
   /** onScroll ListView event */
@@ -92,7 +92,7 @@ class ReservationList extends Component<ReservationListProps, State> {
   };
   private style: {[key: string]: ViewStyle | TextStyle};
   private heights: number[];
-  private selectedDay: XDate;
+  private selectedDay?: XDate;
   private scrollOver: boolean;
   private list: React.RefObject<FlatList> = React.createRef();
 
@@ -116,7 +116,7 @@ class ReservationList extends Component<ReservationListProps, State> {
   }
 
   componentDidUpdate(prevProps: ReservationListProps) {
-    if (prevProps !== this.props) {
+    if (this.props.topDay && prevProps.topDay && prevProps !== this.props) {
       if (!sameDate(prevProps.topDay, this.props.topDay)) {
         this.setState(
           {
@@ -139,6 +139,7 @@ class ReservationList extends Component<ReservationListProps, State> {
   updateReservations(props: ReservationListProps) {
     const {selectedDay} = props;
     const reservations = this.getReservations(props);
+    if (selectedDay && this.selectedDay)
     if (this.list && !sameDate(selectedDay, this.selectedDay)) {
       let scrollPosition = 0;
       for (let i = 0; i < reservations.scrollPosition; i++) {
@@ -235,7 +236,7 @@ class ReservationList extends Component<ReservationListProps, State> {
     if (!row) return;
 
     const day = row.day;
-    const dateIsSame = sameDate(day, this.selectedDay);
+    const dateIsSame = this.selectedDay && sameDate(day, this.selectedDay);
     if (!dateIsSame && this.scrollOver) {
       this.selectedDay = day.clone();
       this.props.onDayChange?.(day.clone());
@@ -269,7 +270,7 @@ class ReservationList extends Component<ReservationListProps, State> {
 
   render() {
     const {items, selectedDay, theme, style} = this.props;
-    if (!items || !items[toMarkingFormat(selectedDay)]) {
+    if (!items || selectedDay && !items[toMarkingFormat(selectedDay)]) {
       if (isFunction(this.props.renderEmptyData)) {
         return this.props.renderEmptyData?.();
       }

src/agenda/reservation-list/reservation.tsx

@@ -13,17 +13,17 @@ import {Theme, DayReservations, ReservationItemType} from '../../types';
 
 
 export interface ReservationProps {
-  item: DayReservations;
+  item?: DayReservations;
   /** Specify theme properties to override specific styles for reservation parts. Default = {} */
-  theme: Theme;
+  theme?: Theme;
   /** specify your item comparison function for increased performance */
   rowHasChanged?: (a: ReservationItemType, b: ReservationItemType) => boolean;
   /** specify how each date should be rendered. date can be undefined if the item is not first in that day */
-  renderDay?: (date?: XDate, item?: ReservationItemType) => JSX.Element;
+  renderDay?: (date?: XDate, item?: ReservationItemType) => React.Component | JSX.Element;
   /** specify how each item should be rendered in agenda */
-  renderItem?: (reservation: ReservationItemType, isFirst: boolean) => React.Component;
+  renderItem?: (reservation: ReservationItemType, isFirst: boolean) => React.Component | JSX.Element;
   /** specify how empty date content with no items should be rendered */
-  renderEmptyDate?: (date?: XDate) => JSX.Element;
+  renderEmptyDate?: (date?: XDate) => React.Component | JSX.Element;
 }
 
 class Reservation extends Component<ReservationProps> {
@@ -98,7 +98,9 @@ class Reservation extends Component<ReservationProps> {
   }
 
   render() {
-    const {reservation, date} = this.props.item;
+    const {item} = this.props;
+    const reservation = item?.reservation;
+    const date = item?.date;
     let content;
 
     if (reservation) {