infinite scroll list data merge on loadMoreRows

[Raffiki]

Would love to do this on Gitter, but that room seems unavailable.

So I have this this stupid question, wrapped in companion code on Plunkr: if loadMoreRows returns a Promise with the next batch of data, are we supposed to merge this batch onto the previous one? I guess this beats the purpose of the VirtualScroll but still.

I'm asking because the InfinitLoader only displays the current data batch. On first render range [0, 22] was fetched and rendered:

After scrolling loadMoreRows was called for the next index, with result:

Maybe related: the actioncreator return by loadMoreRows is a Promise, however this codeblock is never entered:

react-virtualized/dist/es/InfiniteLoader/InfiniteLoader.js

Lines 69 to 77 in ad8e0a1

	if (isRangeVisible({
	lastRenderedStartIndex: _this2._lastRenderedStartIndex,
	lastRenderedStopIndex: _this2._lastRenderedStopIndex,
	startIndex: unloadedRange.startIndex,
	stopIndex: unloadedRange.stopIndex
	})) {
	if (_this2._registeredChild) {
	_this2._registeredChild.forceUpdate();
	}

[bvaughn]

You can always directly message me on Gitter. Others do.

My guess is you forgot to load/include the react-virtualized stylesheets (similar to #157). Docs mention this here though it's easy to overlook or forget about. I've done it myself before.

[bvaughn]

Closing this because I'm fairly confident my answer will help you out. Feel free to ask a follow-up question here (or on Gitter) if not. :)