From 2b8ed5d760732d4215575d0e9737675326544ab3 Mon Sep 17 00:00:00 2001
From: David Michel <david.michel2809@gmail.com>
Date: Thu, 30 May 2024 09:23:57 +0200
Subject: [PATCH] fix(ExpandableCalendar): prevent 'rendered fewer Hooks than
 expected error' when screenReaderEnabled is true

---
 src/expandableCalendar/index.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/expandableCalendar/index.tsx b/src/expandableCalendar/index.tsx
index fd26c9f66..06a52af1f 100644
--- a/src/expandableCalendar/index.tsx
+++ b/src/expandableCalendar/index.tsx
@@ -515,7 +515,7 @@ const ExpandableCalendar = (props: ExpandableCalendarProps) => {
     );
   };
 
-  const renderAnimatedHeader = () => {
+  const RenderAnimatedHeader = () => {
     const monthYear = new XDate(date)?.toString('MMMM yyyy');
 
     return (
@@ -532,7 +532,7 @@ const ExpandableCalendar = (props: ExpandableCalendarProps) => {
     );
   };
 
-  const renderKnob = () => {
+  const RenderKnob = () => {
     return (
       <View style={style.current.knobContainer} pointerEvents={'box-none'}>
         <TouchableOpacity style={style.current.knob} testID={`${testID}.knob`} onPress={toggleCalendarPosition} hitSlop={knobHitSlop} /* activeOpacity={isOpen ? undefined : 1} *//>
@@ -540,7 +540,7 @@ const ExpandableCalendar = (props: ExpandableCalendarProps) => {
     );
   };
 
-  const renderWeekCalendar = () => {
+  const RenderWeekCalendar = () => {
     const WeekComponent = disableWeekScroll ? Week : WeekCalendar;
 
     return (
@@ -566,7 +566,7 @@ const ExpandableCalendar = (props: ExpandableCalendarProps) => {
     );
   };
 
-  const renderCalendarList = () => {
+  const RenderCalendarList = () => {
     return (
       <CalendarList
         testID={`${testID}.calendarList`}
@@ -608,10 +608,10 @@ const ExpandableCalendar = (props: ExpandableCalendarProps) => {
         />
       ) : (
         <Animated.View testID={`${testID}.expandableContainer`} ref={wrapper} style={wrapperStyle} {...panResponder.panHandlers}>
-          {renderCalendarList()}
-          {renderWeekCalendar()}
-          {!hideKnob && renderKnob()}
-          {!horizontal && renderAnimatedHeader()}
+          <RenderCalendarList />
+          <RenderWeekCalendar />
+          {!hideKnob && <RenderKnob />}
+          {!horizontal && <RenderAnimatedHeader />}
         </Animated.View>
       )}
     </View>