Set batch size to 1 only on web

src/components/InvertedFlatList/BaseInvertedFlatList.js

@@ -136,10 +136,6 @@ class BaseInvertedFlatList extends Component {
                 // Native platforms do not need to measure items and work fine without this.
                 // Web requires that items be measured or else crazy things happen when scrolling.
                 getItemLayout={this.props.shouldMeasureItems ? this.getItemLayout : undefined}
-                // Keep batch size relatively small for responsiveness, but not too small as it will cause
-                // excessive rendering. See https://github.com/Expensify/App/pull/19345 for performance testing
-                // of this value.
-                maxToRenderPerBatch={10}
                 windowSize={15}
 
                 // Commenting the line below as it breaks the unread indicator test

src/components/InvertedFlatList/index.js

@@ -119,6 +119,9 @@ function InvertedFlatList(props) {
             shouldMeasureItems
             contentContainerStyle={StyleSheet.compose(contentContainerStyle, styles.justifyContentEnd)}
             onScroll={handleScroll}
+            // We need to keep batch size to one to workaround a bug in react-native-web.
+            // This can be removed once https://github.com/Expensify/App/pull/24482 is merged.
+            maxToRenderPerBatch={1}
         />
     );
 }