ExpandableCalendar component is fully transparent within a production build.

[EnriqueSarmiento]

Hey guys. I am experiencing a very annoying issue with the ExpandableCalendar component. I'm using this library package for a while now and all of the sudden the component is fully transparent on a production build. I'm developing this app with expo ~49.0.15 and react-native-calendars ^1.1307.0. I have tried several approaches to tackle this issue but I haven't found a solution. I've been stuck here for a while.

### DOCUMENTATION

`
<ExpandableCalendar
key={user?.id}
firstDay={1}
theme={{
arrowColor: 'rgba(163, 163, 163, 1)',
arrowHeight: 5,
arrowWidth: 5,
calendarBackground: '#1E1E1E',
dayTextColor: 'rgba(245, 245, 245, 1)',
dotColor: 'rgba(248, 211, 71, 1)',
indicatorColor: 'rgba(248, 211, 71, 1)',
monthTextColor: 'rgba(163, 163, 163, 1)',
selectedDayBackgroundColor: 'rgba(248, 211, 71, 1)',
selectedDayTextColor: 'rgba(23, 23, 23, 1)',
selectedDotColor: 'rgba(23, 23, 23, 1)',
textDayHeaderFontFamily: 'InterMedium',
textDayHeaderFontSize: 12,
textDayHeaderFontWeight: '600',
textMonthFontFamily: 'InterMedium',
textMonthFontSize: 12,
textMonthFontWeight: '600',
textSectionTitleColor: 'rgba(163, 163, 163, 1)',
todayTextColor: 'rgba(248, 211, 71, 1)',
}}
// style={{
// shadowColor: 'transparent',
// }}
futureScrollRange={12}
pastScrollRange={0}
refreshing={false}
/>

`

[tushar8295]

I encountered the same issue with the latest version of react-native-calendars. After some troubleshooting, I resolved it by downgrading to version 1.1307.0, and everything is now working perfectly. Hope this helps.

[EnriqueSarmiento]

@tushar8295 Yes it's related to the version. if using useFocusEffect on the same component will crush it. Furthermore, which is more strange is that changing a setState action from false to true while fetching data to render on the expandable calendar will crash as well. I thought that maybe I had a dependency with that state variable but I created a new one that I wasn't using at all and still crashed the expandable component.

[ScopeSV]

I just upgraded from 1.1305 to 1.1310 and I am experiencing the same issue. The calendar wont load, so it's just a gray box. If I exit the route with the calendar on it, and reenter its rendered correctly.

[bofeiw]

Had the same issue with version 1.1310. Calendar component renders a transparent empty box. Downgrading to 1.1307.0 fixed it. Seems like an issue with that version.

[TM-Baier]

Still present in 1.1311.0 in dev and release bundle.

1.1309.0 seems to work for me.

[sainjay]

yes facing the same in 1.1311.0 for Expandable Calendar

[zkteco-home]

yes,facing same issue for 1.1310 and 1.1311.1,
1.1309 ok

[vendramini]

Yep, we can't use useEffect neither useFocusEffect on the same component nor any other component on the sub-tree.

Just tested latest version 1.1311.1 and isn't fixed.

1.1309.1 works well - however, it won't accurately fit my styles (which have been fixed in 1.1310 forward).

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.