convert data from react-window Grid's onItemsRendered to data that react-window-infinite-loader's onItemsRendered understands

convertFromGridToInfiniteProps.js

onItemsRendered = (gridData: Object) => {
	const {useOverscanForLoading} = this.props; //default is true

	const {
		visibleRowStartIndex,
		visibleRowStopIndex,
		visibleColumnStopIndex,
		overscanRowStartIndex,
		overscanRowStopIndex,
		overscanColumnStopIndex
	} = gridData;

	const endCol =
		(useOverscanForLoading ? overscanColumnStopIndex : visibleColumnStopIndex) + 1;

	const startRow = (useOverscanForLoading ? overscanRowStartIndex : visibleRowStartIndex);
	const endRow = (useOverscanForLoading ? overscanRowStopIndex : visibleRowStopIndex);

	const visibleStartIndex = startRow * endCol;
	const visibleStopIndex = endRow * endCol;
	
   	this.props.onItemsRendered({  //call onItemsRendered from InfiniteLoader so it can load more if needed
		visibleStartIndex,
		visibleStopIndex,
	});
};

How do I implement this in this example pretending it's a Grid component?

Would be nice if you can provide an example.

https://codesandbox.io/s/eager-khorana-owt2y
Might not be too helpful, I ended up putting it inside of the InfiniteLoader component child function and got it working.

Thanks @Cody0913 was very useful

@Cody0913 @yoavniran The type ListOnItemsRenderedProps requires also overscanStartIndex and overscanStopIndex which is missing in your implementation.

Great implementation @yoavniran @Cody0913 - this should be included in the default library