Calendar reloads on tab change when displayed on web (with Expo)

[AlexandreSi]

Hi,
Thank you for the awesome library!
I'm trying to use the calendar view on an Expo app. It works as a charm on iOS and Android in the simulator:

demo_android_calendar_change_tab.mov

But on web, the calendar reloads everytime.

demo_web_calendar_change_tab.mov

The parent component is not unmounted though.
I was wondering if you were aware of this issue or if maybe I'm missing something?

Here is my simple code so far:

const Calendar = ({ ref }) => {
  const calendarRef = useRef<CalendarKitHandle | null>(null);
  useImperativeHandle(ref, () => ({
    goToNextPage: () => {
      if (!calendarRef.current) return;
      calendarRef.current.goToNextPage();
    },
    goToPreviousPage: () => {
      if (!calendarRef.current) return;
      calendarRef.current.goToPrevPage();
    },
    scrollToToday: () => {
      if (!calendarRef.current) return;
      calendarRef.current.goToDate({ hourScroll: true });
    },
  }));

  useEffect(() => {
    console.info("mounted");
    return () => {
      console.info("unmounted");
    };
  }, []);

  const { windowSize } = useWindowSize();
  return (
    <CalendarContainer
      ref={calendarRef}
      events={events}
      onLoad={() => console.log("LOADDEEED")}
      numberOfDays={windowSize === "large" ? 7 : 3}
    >
      <CalendarHeader />
      <CalendarBody />
    </CalendarContainer>
  );
};

export default Calendar;