React Native - Maximum update depth exceeded using Agenda by react-native-calendars

Question

I'm using the Agenda component from react-native-calendarsinto a react native app. When i try to use that component i get this error:

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.

This is my code

import React from 'react'
import { View } from 'react-native'
import { Agenda } from 'react-native-calendars'
const AgendaProva = () => {
 return (
 <View className='flex-1'>
 <Agenda />
 </View>
 )
}
export default AgendaProva

I've checked that I'm not calling setState into an infinite cicle but i cannot find what cause that.

If someone had the same errore can tell me how to resolve that?

Expo: sdk 53

Thx

Answer 1

Looks like the Agenda component is broken in Expo SDK 53. Here's a PR you can take a look at and patch: https://github.com/wix/react-native-calendars/pull/2664