Update not reflect in UI

[chingthampiyarilal]

Description

In Agenda Calender,I creating different event on same date if i tried to update the each event everything is reflected on the data but not the UI.

Expected Behavior

I change to delete inside the package module reservation.js "shouldComponentUpdate(nextProps) {....." ===> When i change this part it works fine

Observed Behavior

Updating event not reflected in the UI but all are reflected in data/ logs..

I dont have any error but

I have a warning : VirtualizedList: You have a large list that is slow to update - make sure your renderItem function renders components that follow React performance best practices like PureComponent, shouldComponentUpdate, etc. {"contentLength": 2948, "dt": 843, "prevDt": 883} !

Environment

Please run these commands in the project folder and fill in their results:

• npm ls react-native-calendars: client@1.0.0 C:\Projects\App\NewApp\Client `-- react-native-calendars@1.1303.0
• npm ls react-native: client@1.0.0 C:\Projects\App\NewApp\Client +-- @expo/metro-runtime@3.1.3 | -- react-native@0.73.4 deduped +-- @react-native-async-storage/async-storage@1.21.0 |-- react-native@0.73.4 deduped +-- @react-native-community/geolocation@3.2.0 | -- react-native@0.73.4 deduped +-- @react-native-picker/picker@2.6.1 |-- react-native@0.73.4 deduped +-- @react-navigation/bottom-tabs@6.5.12 | +-- @react-navigation/elements@1.3.22 | | -- react-native@0.73.4 deduped |-- react-native@0.73.4 deduped +-- @react-navigation/native-stack@6.9.18 | -- react-native@0.73.4 deduped +-- @react-navigation/native@6.1.10 |-- react-native@0.73.4 deduped +-- react-native-calendar-picker@8.0.1 | +-- react-native@0.73.4 deduped | -- recyclerlistview@3.0.5 |-- react-native@0.73.4 deduped +-- react-native-calendars@1.1303.0 | -- recyclerlistview@4.2.0 |-- react-native@0.73.4 deduped +-- react-native-elements@3.4.3 | +-- react-native-ratings@8.0.4 | | -- react-native@0.73.4 deduped |-- react-native-size-matters@0.3.1 | -- react-native@0.73.4 deduped +-- react-native-maps@1.10.3 |-- react-native@0.73.4 deduped +-- react-native-paper@5.12.3 | -- react-native@0.73.4 deduped +-- react-native-safe-area-context@4.8.2 |-- react-native@0.73.4 deduped +-- react-native-screens@3.29.0 | -- react-native@0.73.4 deduped +-- react-native-weekly-calendar@0.2.0 |-- @react-native-community/datetimepicker@2.3.2 | -- react-native@0.73.4 deduped -- react-native@0.73.4 -- @react-native/virtualized-lists@0.73.4 -- react-native@0.73.4 deduped

Also specify:

1. Device/emulator/simulator & OS version: Copy_of_Pixel_6_Pro_API_33

Reproducible Demo

Screenshots or gifs of the issue and the suggested fix will help us move faster with the review process.

[srinu6]

I am also facing the same issue, were you able to fix this issue? @chingthampiyarilal

[chingthampiyarilal]

@srinu6, It works when i delete "shouldComponentUpdate(nextProps) {....." function, inside the node_modules\react-native-calendars\src\agenda\reservation-list\reservation.js

[hughyyyy]

Yes, I can confirm, shouldComponentUpdate is not working properly.