Fix various typing issues

Author: ethanshar

package.json

@@ -43,7 +43,7 @@
     "@babel/eslint-parser": "^7.13.4",
     "@babel/runtime": "^7.12.5",
     "@types/lodash": "^4.14.170",
-    "@types/react-native": "^0.63.52",
+    "@types/react-native": "^0.64.19",
     "@types/xdate": "^0.8.32",
     "@typescript-eslint/eslint-plugin": "^2.13.0",
     "@typescript-eslint/parser": "^2.13.0",

src/agenda/reservation-list/index.tsx

@@ -10,7 +10,7 @@ import {sameDate} from '../../dateutils';
 import {toMarkingFormat} from '../../interface';
 import styleConstructor from './style';
 import Reservation, {ReservationProps} from './reservation';
-import {ReservationItemType, ReservationsType} from 'agenda';
+import {ReservationItemType, ReservationsType} from '../../agenda';
 
 
 export interface DayReservations {

src/calendar/header/style.ts

@@ -39,6 +39,7 @@ export default function (theme: Theme = {}) {
     disabledArrowImage: {
       tintColor: appStyle.disabledArrowColor
     },
+    // @ts-expect-error
     week: {
       marginTop: 7,
       flexDirection: 'row',
@@ -57,7 +58,6 @@ export default function (theme: Theme = {}) {
     disabledDayHeader: {
       color: appStyle.textSectionTitleDisabledColor
     },
-    // @ts-expect-error
     ...(theme['stylesheet.calendar.header'] || {})
   });
 }

src/expandableCalendar/index.tsx

@@ -13,7 +13,7 @@ import {AccessibilityInfo, PanResponder, Animated, View, ViewStyle, Text, Image,
 import {CALENDAR_KNOB} from '../testIDs';
 import {page, weekDayNames} from '../dateutils';
 import {parseDate, toMarkingFormat} from '../interface';
-import {Theme, DateData, Direction} from 'types';
+import {Theme, DateData, Direction} from '../types';
 import styleConstructor, {HEADER_HEIGHT} from './style';
 import CalendarList, {CalendarListProps} from '../calendar-list';
 import Calendar from '../calendar';
@@ -139,7 +139,7 @@ class ExpandableCalendar extends Component<Props, State> {
     style: ViewStyle;
   };
   visibleMonth: number;
-  visibleYear: number;
+  visibleYear: number | undefined;
   initialDate: XDate;
   headerStyleOverride: Theme;
   header: React.RefObject<any> = React.createRef();
@@ -436,7 +436,6 @@ class ExpandableCalendar extends Component<Props, State> {
     if (month && this.visibleMonth !== month) {
       this.visibleMonth = month; 
       if (first(value)?.year) {
-        // @ts-expect-error
         this.visibleYear = first(value)?.year;
       }
 
@@ -580,6 +579,7 @@ class ExpandableCalendar extends Component<Props, State> {
               {...others}
               theme={themeObject}
               ref={this.calendar}
+              // @ts-expect-error should be converted to string
               current={this.initialDate}
               onDayPress={this.onDayPress}
               onVisibleMonthsChange={this.onVisibleMonthsChange}

src/expandableCalendar/week.tsx

@@ -12,7 +12,8 @@ import Day from '../calendar/day/index';
 // import BasicDay from '../calendar/day/basic';
 
 
-interface Props extends CalendarProps {
+// TODO: current type should be a string
+interface Props extends Omit<CalendarProps, 'current'> {
   current: XDate;
 }
 export type WeekProps = Props;