React Native sometimes doesn't renders a single component in ScrollView Map List

[alim-ansari]

Description

This component takes an array of objects and renders them into ScrollView and returns a list of items with a simple Add button in which the user clicks Add Button to Add items...

Sometimes that Add Button doesn't get shown in only one list item (not specific to any item, randomly any item).

This seems to be a rendering issue with React Native...

The project also uses Expo to create debug output.

Version

0.69.6

Output of npx react-native info

System:
OS: Linux 5.14 Debian GNU/Linux 11 (bullseye) 11 (bullseye)
CPU: (8) x64 11th Gen Intel(R) Core(TM) i5 11th Gen 2.40GHz
Memory: 8.86 GB / 15.20 GB
Shell: 5.1.4 - /bin/bash
Binaries:
Node: 16.18.1 - /usr/bin/node
Yarn: 1.22.19 - /usr/bin/yarn
npm: 8.19.2 - /usr/bin/npm
Watchman: 4.9.0 - /usr/bin/watchman
SDKs:
Android SDK:
API Levels: 30, 31, 32, 33
Build Tools: 29.0.2, 30.0.3, 32.0.0, 32.1.0, 33.0.0
System Images: android-31 | Google Play Intel x86 Atom_64
Android NDK: Not Found
IDEs:
Android Studio: AI-213.7172.25.2113.9123335
Languages:
Java: 17.0.4 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.0.0 => 18.0.0
react-native: 0.69.6 => 0.69.6
npmGlobalPackages:
react-native: Not Found

[alim-ansari]

The issue was fixed after I deleted the object and created a new object in the array.