Agenda Crashes the App After Expo 53 Upgrade; #2705
Description
I had a simple implementation of Agenda that was working perfectly before upgrading to Expo 53. However, after the upgrade, it's now crashing the app with the following error:
ERROR Warning: Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
To fix the crash, I tried the changes from this PR: wix/react-native-calendars#2622. The crash is now resolved, but the Agenda component still isn’t behaving as expected.
-The month view appears expanded by default, without the user clicking the knob.
-Scrolling is disabled on this screen.
-The knob doesn’t respond, so I can't close the calendar view either.
import { Agenda, CalendarProvider } from 'react-native-calendars';
<CalendarProvider showTodayButton date={todayDate}>
<Agenda
firstDay={1}
key={agendaKey}
showClosingKnob
onDayPress={(item) => {
setSelectedDate(item.dateString);
}}
scrollEnabled={true}
items={agendaData || {}}
selected={selectedDate}
showOnlySelectedDayItems
renderItem={renderItem}
renderEmptyData={isLoading ? renderLoadingDate : renderEmptyDate}
renderEmptyDate={renderEmptyDate}
rowHasChanged={rowHasChanged}
renderKnob={() => <View style={styles.knob}></View>}
theme={{
backgroundColor: 'blue',
selectedDotColor: 'white',
selectedDayBackgroundColor: theme.darkColors?.primary,
dotColor: theme.darkColors?.primary,
}}
/>
</CalendarProvider>
Platform: iOS & Android
versions: {
"expo": "^53.0.17",
"react-native-calendars": "^1.1313.0",
}