typing Day with React.memo

Author: Inbal-Tish

src/calendar/day/index.tsx

@@ -16,10 +16,10 @@ export interface DayProps extends BasicDayProps {
   dayComponent?: React.ComponentType<DayProps & {date?: DateData}>;
 }
 
-const Day = (props: DayProps) => {
+const Day = React.memo((props: DayProps) => {
   const {date, marking, dayComponent, markingType} = props;
   const _date = date ? new XDate(date) : undefined;
-  const _isToday = _date ? isToday(_date) : undefined;
+  const _isToday = isToday(_date);
 
   const markingAccessibilityLabel = useMemo(() => {
     let label = '';
@@ -59,6 +59,7 @@ const Day = (props: DayProps) => {
 
   const Component = dayComponent || markingType === 'period' ? PeriodDay : BasicDay;
 
+  console.warn(date);
   return (
     <Component
       {...props}
@@ -68,9 +69,10 @@ const Day = (props: DayProps) => {
       {formatNumbers(_date?.getDate())}
     </Component>
   );
-};
+}) as any;
+
+export default Day;
 
-export default React.memo<DayProps>(props => <Day {...props}/>);
 Day.displayName = 'Day';
 Day.propTypes = {
   ...BasicDay.propTypes,