Agenda Initially Expanded and Non-Responsive in iOS

After upgrading from Expo 49.0.15 & React Native 0.72.10 to Expo 52.0.28 & React Native 0.76.6, the Agenda component is displaying as expanded initially on iOS. Additionally, it is not scrollable and does not allow dragging to collapse or expand. However, when I manually tap at the position of the knob in the expanded view, it expands again and starts working as expected. Checked this with both react-native-calendars version 1.1304.1 & 1.1308.1.

Expected Behavior

• The Agenda should start in a collapsed state (or the default initial state).
• It should be scrollable and allow dragging to expand/collapse from the start.

Observed Behavior

• The Agenda component starts in a fully expanded state instead of the expected initial state.
• It is not scrollable or draggable initially.
• Tapping on the position of the knob causes it to expand again, after which it works correctly.

Usage :

          <Agenda
            items={items}
            renderItem={() => (
              <View><Text>Main View</Text></View>
            )}
            rowHasChanged={(r1, r2) => {
              return r1.text !== r2.text;
            }}
            showOnlySelectedDayItems
            showClosingKnob={true}
            renderEmptyData={() => (
              <View><Text>Empty</Text></View>
            )}
            onDayPress={({ dateString }) => console.log(dateString)}
            />

Environment

• Expo SDK: 52.0.28
• React Native: 0.76.6
• React Native Calendars: 1.1304.1 & 1.1308.1

Has anyone else encountered this issue after upgrading? Any suggested workarounds or fixes?

https://github.com/user-attachments/assets/6cf671ba-e674-4ff0-ab48-aaceaa45de6c