render() { const { items, isFetching, loadingLabel, nextPageUrl, loadMoreCallback, renderItem, } = this.props const isEmpty = items.length === 0 if (isEmpty && isFetching) { return <h2><i>{loadingLabel}</i></h2> } const isLastPage = !nextPageUrl if (isEmpty && isLastPage) { return <h1><i>Nothing here!</i></h1> } return ( <ReduxInfiniteScroll loadingMore={isFetching} hasMore={!!nextPageUrl} loadMore={loadMoreCallback} elementIsScrollable={false} > {items.map(renderItem)} </ReduxInfiniteScroll> ) }