@office-iss/react-native-win32 0.68.0 → 0.69.0-preview.1

package/Libraries/Lists/VirtualizedSectionList.js

@@ -137,8 +137,7 @@ class VirtualizedSectionList<
       return;
     }
     if (params.itemIndex > 0 && this.props.stickySectionHeadersEnabled) {
-      // $FlowFixMe[prop-missing] Cannot access private property
-      const frame = this._listRef._getFrameMetricsApprox(
+      const frame = this._listRef.__getFrameMetricsApprox(
         index - params.itemIndex,
       );
       viewOffset += frame.length;
@@ -339,6 +338,7 @@ class VirtualizedSectionList<
 
   _renderItem =
     (listItemCount: number) =>
+    // eslint-disable-next-line react/no-unstable-nested-components
     ({item, index}: {item: Item, index: number, ...}) => {
       const info = this._subExtractor(index);
       if (!info) {

package/Libraries/Lists/__tests__/{FillRateHelper-test.windows.js → FillRateHelper-test.js}

@@ -31,7 +31,7 @@ function computeResult({helper, props, state, scroll}): number {
   return helper.computeBlankness(
     {
       data: dataGlobal,
-      getItemCount: (data2) => data2.length,
+      getItemCount: data2 => data2.length,
       initialNumToRender: 10,
       ...(props || {}),
     },
@@ -98,7 +98,7 @@ describe('computeBlankness', function () {
 
   it('can handle multiple listeners and unsubscribe', function () {
     const listeners = [jest.fn(), jest.fn(), jest.fn()];
-    const subscriptions = listeners.map((listener) =>
+    const subscriptions = listeners.map(listener =>
       FillRateHelper.addListener(listener),
     );
     subscriptions[1].remove();

package/Libraries/Lists/__tests__/{FlatList-test.windows.js → FlatList-test.js}

@@ -102,13 +102,13 @@ describe('FlatList', () => {
     ReactTestRenderer.create(
       <FlatList
         data={[{key: 'outer0'}, {key: 'outer1'}]}
-        renderItem={(outerInfo) => (
+        renderItem={outerInfo => (
           <FlatList
             data={[
               {key: outerInfo.item.key + ':inner0'},
               {key: outerInfo.item.key + ':inner1'},
             ]}
-            renderItem={(innerInfo) => {
+            renderItem={innerInfo => {
               return <item title={innerInfo.item.key} />;
             }}
             ref={listRef}

package/Libraries/Lists/__tests__/{SectionList-test.windows.js → SectionList-test.js}

@@ -39,21 +39,21 @@ describe('SectionList', () => {
     const component = ReactTestRenderer.create(
       <SectionList
         initialNumToRender={Infinity}
-        ItemSeparatorComponent={(props) => (
+        ItemSeparatorComponent={props => (
           <defaultItemSeparator v={propStr(props)} />
         )}
-        ListEmptyComponent={(props) => <empty v={propStr(props)} />}
-        ListFooterComponent={(props) => <footer v={propStr(props)} />}
-        ListHeaderComponent={(props) => <header v={propStr(props)} />}
-        SectionSeparatorComponent={(props) => (
+        ListEmptyComponent={props => <empty v={propStr(props)} />}
+        ListFooterComponent={props => <footer v={propStr(props)} />}
+        ListHeaderComponent={props => <header v={propStr(props)} />}
+        SectionSeparatorComponent={props => (
           <sectionSeparator v={propStr(props)} />
         )}
         sections={[
           {
-            renderItem: (props) => <itemForSection1 v={propStr(props)} />,
+            renderItem: props => <itemForSection1 v={propStr(props)} />,
             key: 's1',
             keyExtractor: (item, index) => item.id,
-            ItemSeparatorComponent: (props) => (
+            ItemSeparatorComponent: props => (
               <itemSeparatorForSection1 v={propStr(props)} />
             ),
             data: [{id: 'i1s1'}, {id: 'i2s1'}],
@@ -69,9 +69,9 @@ describe('SectionList', () => {
         ]}
         refreshing={false}
         onRefresh={jest.fn()}
-        renderItem={(props) => <defaultItem v={propStr(props)} />}
-        renderSectionHeader={(props) => <sectionHeader v={propStr(props)} />}
-        renderSectionFooter={(props) => <sectionFooter v={propStr(props)} />}
+        renderItem={props => <defaultItem v={propStr(props)} />}
+        renderSectionHeader={props => <sectionHeader v={propStr(props)} />}
+        renderSectionFooter={props => <sectionFooter v={propStr(props)} />}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -81,8 +81,8 @@ describe('SectionList', () => {
       <SectionList
         sections={[{key: 's1', data: []}]}
         renderItem={({item}) => <item v={item.key} />}
-        renderSectionHeader={(props) => <sectionHeader v={propStr(props)} />}
-        renderSectionFooter={(props) => <sectionFooter v={propStr(props)} />}
+        renderSectionHeader={props => <sectionHeader v={propStr(props)} />}
+        renderSectionFooter={props => <sectionFooter v={propStr(props)} />}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -92,7 +92,7 @@ describe('SectionList', () => {
       <SectionList
         sections={[{key: 's1', data: []}]}
         renderItem={({item}) => <item v={item.key} />}
-        renderSectionFooter={(props) => <sectionFooter v={propStr(props)} />}
+        renderSectionFooter={props => <sectionFooter v={propStr(props)} />}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -101,7 +101,7 @@ describe('SectionList', () => {
 
 function propStr(props) {
   return Object.keys(props)
-    .map((k) => {
+    .map(k => {
       const propObj = props[k] || {};
       return `${k}:${propObj.key || propObj.id || props[k]}`;
     })

package/Libraries/Lists/__tests__/{VirtualizeUtils-test.windows.js → VirtualizeUtils-test.js}

@@ -62,7 +62,7 @@ describe('elementsThatOverlapOffsets', function () {
       {offset: 950, length: 150},
     ];
     expect(
-      elementsThatOverlapOffsets(offsets, frames.length, (ii) => frames[ii]),
+      elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii]),
     ).toEqual([1, 1, 3]);
   });
   it('handles out of bounds', function () {
@@ -73,7 +73,7 @@ describe('elementsThatOverlapOffsets', function () {
       {offset: 250, length: 100},
     ];
     expect(
-      elementsThatOverlapOffsets(offsets, frames.length, (ii) => frames[ii]),
+      elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii]),
     ).toEqual([1]);
   });
   it('errors on non-increasing offsets', function () {
@@ -84,7 +84,7 @@ describe('elementsThatOverlapOffsets', function () {
       {offset: 250, length: 100},
     ];
     expect(() => {
-      elementsThatOverlapOffsets(offsets, frames.length, (ii) => frames[ii]);
+      elementsThatOverlapOffsets(offsets, frames.length, ii => frames[ii]);
     }).toThrowErrorMatchingSnapshot();
   });
 });

package/Libraries/Lists/__tests__/{VirtualizedList-test.windows.js → VirtualizedList-test.js}

@@ -22,7 +22,7 @@ describe('VirtualizedList', () => {
         data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -37,7 +37,7 @@ describe('VirtualizedList', () => {
         data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
         ListItemComponent={ListItemComponent}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -56,7 +56,7 @@ describe('VirtualizedList', () => {
           <item value={item.key} testID={`${item.key}-renderItem`} />
         )}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
 
@@ -70,7 +70,7 @@ describe('VirtualizedList', () => {
   it('throws if no renderItem or ListItemComponent', () => {
     // Silence the React error boundary warning; we expect an uncaught error.
     const consoleError = console.error;
-    jest.spyOn(console, 'error').mockImplementation((message) => {
+    jest.spyOn(console, 'error').mockImplementation(message => {
       if (message.startsWith('The above error occurred in the ')) {
         return;
       }
@@ -82,7 +82,7 @@ describe('VirtualizedList', () => {
         <VirtualizedList
           data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
           getItem={(data, index) => data[index]}
-          getItemCount={(data) => data.length}
+          getItemCount={data => data.length}
         />,
       );
     expect(componentFactory).toThrow(
@@ -98,7 +98,7 @@ describe('VirtualizedList', () => {
         data={[]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -110,7 +110,7 @@ describe('VirtualizedList', () => {
         data={[]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
 
@@ -132,7 +132,7 @@ describe('VirtualizedList', () => {
         data={undefined}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => 0}
+        getItemCount={data => 0}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -146,7 +146,7 @@ describe('VirtualizedList', () => {
         ListFooterComponent={() => <footer />}
         ListHeaderComponent={() => <header />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
         renderItem={({item}) => <item value={item.key} />}
       />,
     );
@@ -159,7 +159,7 @@ describe('VirtualizedList', () => {
         data={[{key: 'hello'}]}
         ListEmptyComponent={() => <empty />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
         renderItem={({item}) => <item value={item.key} />}
       />,
     );
@@ -175,7 +175,7 @@ describe('VirtualizedList', () => {
         ListHeaderComponent={() => <header />}
         data={new Array(5).fill().map((_, ii) => ({id: String(ii)}))}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
         getItemLayout={({index}) => ({length: 50, offset: index * 50})}
         inverted={true}
         keyExtractor={(item, index) => item.id}
@@ -203,14 +203,14 @@ describe('VirtualizedList', () => {
     const infos = [];
     const component = ReactTestRenderer.create(
       <VirtualizedList
-        ItemSeparatorComponent={(props) => <separator {...props} />}
+        ItemSeparatorComponent={props => <separator {...props} />}
         data={[{key: 'i0'}, {key: 'i1'}, {key: 'i2'}]}
-        renderItem={(info) => {
+        renderItem={info => {
           infos.push(info);
           return <item title={info.item.key} />;
         }}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -225,22 +225,22 @@ describe('VirtualizedList', () => {
     const component = ReactTestRenderer.create(
       <VirtualizedList
         data={[{key: 'outer0'}, {key: 'outer1'}]}
-        renderItem={(outerInfo) => (
+        renderItem={outerInfo => (
           <VirtualizedList
             data={[
               {key: outerInfo.item.key + ':inner0'},
               {key: outerInfo.item.key + ':inner1'},
             ]}
             horizontal={outerInfo.item.key === 'outer1'}
-            renderItem={(innerInfo) => {
+            renderItem={innerInfo => {
               return <item title={innerInfo.item.key} />;
             }}
             getItem={(data, index) => data[index]}
-            getItemCount={(data) => data.length}
+            getItemCount={data => data.length}
           />
         )}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -261,7 +261,7 @@ describe('VirtualizedList', () => {
       data,
       renderItem: ({item}) => <item value={item.key} />,
       getItem: (items, index) => items[index],
-      getItemCount: (items) => items.length,
+      getItemCount: items => items.length,
       getItemLayout: (items, index) => ({
         length: ITEM_HEIGHT,
         offset: ITEM_HEIGHT * index,
@@ -313,7 +313,7 @@ describe('VirtualizedList', () => {
         data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
         ref={listRef}
       />,
     );
@@ -331,22 +331,22 @@ describe('VirtualizedList', () => {
     ReactTestRenderer.create(
       <VirtualizedList
         data={[{key: 'outer0'}, {key: 'outer1'}]}
-        renderItem={(outerInfo) => (
+        renderItem={outerInfo => (
           <VirtualizedList
             data={[
               {key: outerInfo.item.key + ':inner0'},
               {key: outerInfo.item.key + ':inner1'},
             ]}
-            renderItem={(innerInfo) => {
+            renderItem={innerInfo => {
               return <item title={innerInfo.item.key} />;
             }}
             getItem={(data, index) => data[index]}
-            getItemCount={(data) => data.length}
+            getItemCount={data => data.length}
             ref={listRef}
           />
         )}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     const scrollRef = listRef.current.getScrollRef();
@@ -362,7 +362,7 @@ describe('VirtualizedList', () => {
     const layout = {width: 300, height: 600};
     let data = Array(20)
       .fill()
-      .map((_, key) => ({key: String(key)}));
+      .map((_, index) => ({key: `key-${index}`}));
     const onEndReached = jest.fn();
     const props = {
       data,
@@ -371,7 +371,7 @@ describe('VirtualizedList', () => {
       windowSize: 21,
       renderItem: ({item}) => <item value={item.key} />,
       getItem: (items, index) => items[index],
-      getItemCount: (items) => items.length,
+      getItemCount: items => items.length,
       getItemLayout: (items, index) => ({
         length: ITEM_HEIGHT,
         offset: ITEM_HEIGHT * index,
@@ -423,7 +423,7 @@ describe('VirtualizedList', () => {
     const commonProps = {
       data: [{key: 'cell0'}],
       getItem: (data, index) => data[index],
-      getItemCount: (data) => data.length,
+      getItemCount: data => data.length,
       renderItem: ({item}) => <item value={item.key} />,
     };
     try {
@@ -485,7 +485,7 @@ describe('VirtualizedList', () => {
         data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     const instance = component.getInstance();
@@ -501,7 +501,7 @@ describe('VirtualizedList', () => {
         data={[]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     const instance = component.getInstance();
@@ -517,7 +517,7 @@ describe('VirtualizedList', () => {
         data={[{key: 'i1'}, {key: 'i2'}, {key: 'i3'}]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, index) => data[index]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     const instance = component.getInstance();
@@ -862,7 +862,7 @@ it('does not adjust render area until content area layed out', () => {
   expect(component).toMatchSnapshot();
 });
 
-it('does not adjust render area with non-zero initialScrollIndex until scrolled', () => {
+it('adjusts render area with non-zero initialScrollIndex', () => {
   const items = generateItems(20);
   const ITEM_HEIGHT = 10;
 
@@ -885,18 +885,17 @@ it('does not adjust render area with non-zero initialScrollIndex until scrolled'
       viewport: {width: 10, height: 50},
       content: {width: 10, height: 200},
     });
+
     performAllBatches();
   });
 
-  // Layout information from before the time we scroll to initial index may not
-  // correspond to the area "initialScrollIndex" points to. Expect only the 5
-  // initial items (starting at initialScrollIndex) to be rendered after
-  // processing all batch work, even though the windowSize allows for more.
+  // We should expand the render area after receiving a message indcating we
+  // arrived at initialScrollIndex.
   expect(component).toMatchSnapshot();
 });
 
-it('adjusts render area with non-zero initialScrollIndex after scrolled', () => {
-  const items = generateItems(20);
+it('renders new items when data is updated with non-zero initialScrollIndex', () => {
+  const items = generateItems(2);
   const ITEM_HEIGHT = 10;
 
   let component;
@@ -918,13 +917,29 @@ it('adjusts render area with non-zero initialScrollIndex after scrolled', () =>
       viewport: {width: 10, height: 50},
       content: {width: 10, height: 200},
     });
+    performAllBatches();
+  });
+
+  const newItems = generateItems(4);
+
+  ReactTestRenderer.act(() => {
+    component.update(
+      <VirtualizedList
+        initialNumToRender={5}
+        initialScrollIndex={1}
+        windowSize={10}
+        maxToRenderPerBatch={10}
+        {...baseItemProps(newItems)}
+        {...fixedHeightItemLayoutProps(ITEM_HEIGHT)}
+      />,
+    );
+  });
 
-    simulateScroll(component, {x: 0, y: 10});
+  ReactTestRenderer.act(() => {
     performAllBatches();
   });
 
-  // We should expand the render area after receiving a message indcating we
-  // arrived at initialScrollIndex.
+  // We expect all the items to be rendered
   expect(component).toMatchSnapshot();
 });
 
@@ -1116,6 +1131,8 @@ it('retains batch render region when an item is appended', () => {
     performAllBatches();
   });
 
+  jest.runAllTimers();
+
   ReactTestRenderer.act(() => {
     component.update(
       <VirtualizedList
@@ -1365,6 +1382,7 @@ it('renders windowSize derived region at top', () => {
     performAllBatches();
   });
 
+  jest.runAllTimers();
   // A windowSize of 3 means that we should render a viewport's worth of content
   // above and below the current. A 20 dip viewport at the top of the list means
   // we should render the top 4 10-dip items (for the current viewport, and
@@ -1402,6 +1420,7 @@ it('renders windowSize derived region in middle', () => {
     performAllBatches();
   });
 
+  jest.runAllTimers();
   // A windowSize of 3 means that we should render a viewport's worth of content
   // above and below the current. A 20 dip viewport in the top of the list means
   // we should render the 6 10-dip items (for the current viewport, 20 dip above
@@ -1434,12 +1453,12 @@ it('renders windowSize derived region at bottom', () => {
     });
     performAllBatches();
   });
-
   ReactTestRenderer.act(() => {
     simulateScroll(component, {x: 0, y: 80});
     performAllBatches();
   });
 
+  jest.runAllTimers();
   // A windowSize of 3 means that we should render a viewport's worth of content
   // above and below the current. A 20 dip viewport at the bottom of the list
   // means we should render the bottom 4 10-dip items (for the current viewport,
@@ -1448,6 +1467,36 @@ it('renders windowSize derived region at bottom', () => {
   expect(component).toMatchSnapshot();
 });
 
+it('calls _onCellLayout properly', () => {
+  const items = [{key: 'i1'}, {key: 'i2'}, {key: 'i3'}];
+  const mock = jest.fn();
+  const component = ReactTestRenderer.create(
+    <VirtualizedList
+      data={items}
+      renderItem={({item}) => <item value={item.key} />}
+      getItem={(data, index) => data[index]}
+      getItemCount={data => data.length}
+    />,
+  );
+  const virtualList: VirtualizedList = component.getInstance();
+  virtualList._onCellLayout = mock;
+  component.update(
+    <VirtualizedList
+      data={[...items, {key: 'i4'}]}
+      renderItem={({item}) => <item value={item.key} />}
+      getItem={(data, index) => data[index]}
+      getItemCount={data => data.length}
+    />,
+  );
+  const cell = virtualList._cellRefs.i4;
+  const event = {
+    nativeEvent: {layout: {x: 0, y: 0, width: 50, height: 50}},
+  };
+  cell._onLayout(event);
+  expect(mock).toHaveBeenCalledWith(event, 'i4', 3);
+  expect(mock).not.toHaveBeenCalledWith(event, 'i3', 2);
+});
+
 function generateItems(count) {
   return Array(count)
     .fill()
@@ -1466,13 +1515,13 @@ function baseItemProps(items) {
     renderItem: ({item}) =>
       React.createElement('MockCellItem', {value: item.key, ...item}),
     getItem: (data, index) => data[index],
-    getItemCount: (data) => data.length,
+    getItemCount: data => data.length,
     stickyHeaderIndices: stickyHeaderIndices(items),
   };
 }
 
 function stickyHeaderIndices(items) {
-  return items.filter((item) => item.sticky).map((item) => item.key);
+  return items.filter(item => item.sticky).map(item => item.key);
 }
 
 function fixedHeightItemLayoutProps(height) {

package/Libraries/Lists/__tests__/{VirtualizedSectionList-test.windows.js → VirtualizedSectionList-test.js}

@@ -25,7 +25,7 @@ describe('VirtualizedSectionList', () => {
         ]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, key) => data[key]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -37,7 +37,7 @@ describe('VirtualizedSectionList', () => {
         sections={[]}
         renderItem={({item}) => <item value={item.key} />}
         getItem={(data, key) => data[key]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -51,7 +51,7 @@ describe('VirtualizedSectionList', () => {
         ListFooterComponent={() => <footer />}
         ListHeaderComponent={() => <header />}
         getItem={(data, key) => data[key]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
         renderItem={({item}) => <item value={item.key} />}
       />,
     );
@@ -64,7 +64,7 @@ describe('VirtualizedSectionList', () => {
         sections={[{title: 's1', data: [{key: 'hello'}]}]}
         ListEmptyComponent={() => <empty />}
         getItem={(data, key) => data[key]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
         renderItem={({item}) => <item value={item.key} />}
       />,
     );
@@ -85,7 +85,7 @@ describe('VirtualizedSectionList', () => {
           },
         ]}
         getItem={(data, key) => data[key]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
         getItemLayout={({index}) => ({
           index: -1,
           length: 50,
@@ -107,16 +107,16 @@ describe('VirtualizedSectionList', () => {
     ReactTestRenderer.act(() => {
       component = ReactTestRenderer.create(
         <VirtualizedSectionList
-          ItemSeparatorComponent={(props) => <separator {...props} />}
+          ItemSeparatorComponent={props => <separator {...props} />}
           sections={[
             {title: 's0', data: [{key: 'i0'}, {key: 'i1'}, {key: 'i2'}]},
           ]}
-          renderItem={(info) => {
+          renderItem={info => {
             infos.push(info);
             return <item title={info.item.key} />;
           }}
           getItem={(data, key) => data[key]}
-          getItemCount={(data) => data.length}
+          getItemCount={data => data.length}
         />,
       );
     });
@@ -140,7 +140,7 @@ describe('VirtualizedSectionList', () => {
     const component = ReactTestRenderer.create(
       <VirtualizedSectionList
         sections={[{title: 'outer', data: [{key: 'outer0'}, {key: 'outer1'}]}]}
-        renderItem={(outerInfo) => (
+        renderItem={outerInfo => (
           <VirtualizedSectionList
             sections={[
               {
@@ -152,15 +152,15 @@ describe('VirtualizedSectionList', () => {
               },
             ]}
             horizontal={outerInfo.item.key === 'outer1'}
-            renderItem={(innerInfo) => {
+            renderItem={innerInfo => {
               return <item title={innerInfo.item.key} />;
             }}
             getItem={(data, key) => data[key]}
-            getItemCount={(data) => data.length}
+            getItemCount={data => data.length}
           />
         )}
         getItem={(data, key) => data[key]}
-        getItemCount={(data) => data.length}
+        getItemCount={data => data.length}
       />,
     );
     expect(component).toMatchSnapshot();
@@ -169,7 +169,9 @@ describe('VirtualizedSectionList', () => {
   describe('scrollToLocation', () => {
     const ITEM_HEIGHT = 100;
 
-    const createVirtualizedSectionList = (props) => {
+    const createVirtualizedSectionList = (
+      props: void | $TEMPORARY$object<{stickySectionHeadersEnabled: boolean}>,
+    ) => {
       const component = ReactTestRenderer.create(
         <VirtualizedSectionList
           sections={[
@@ -178,7 +180,7 @@ describe('VirtualizedSectionList', () => {
           ]}
           renderItem={({item}) => <item value={item.key} />}
           getItem={(data, key) => data[key]}
-          getItemCount={(data) => data.length}
+          getItemCount={data => data.length}
           getItemLayout={(data, index) => ({
             length: ITEM_HEIGHT,
             offset: ITEM_HEIGHT * index,

package/Libraries/LogBox/Data/LogBoxData.js

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
+ * @flow strict
  * @format
  */
 
@@ -156,7 +156,7 @@ function appendNewLog(newLog) {
     // sybolication for up to a second before adding the log.
     const OPTIMISTIC_WAIT_TIME = 1000;
 
-    let addPendingLog = () => {
+    let addPendingLog: ?() => void = () => {
       logs.add(newLog);
       if (_selectedIndex < 0) {
         setSelectedLog(logs.size - 1);