Youtube in React: infinite scroll for trending videos

Trending.js

import {InfiniteScroll} from '../../components/InfiniteScroll/InfiniteScroll';
/* ... */
class Trending extends React.Component {
  render() {
    const previews = this.getVideoPreviews();
    const loaderActive = this.shouldShowLoader();
    return (
      <React.Fragment>
        <SideBar/>
        <div className='trending'>
          <InfiniteScroll bottomReachedCallback={this.fetchMoreVideos} showLoader={loaderActive}>
            {previews}
          </InfiniteScroll>
        </div>
      </React.Fragment>
    );
  }
  
  shouldShowLoader() {
    return !this.props.allMostPopularVideosLoaded;
  }
  
  /* ... */
  fetchMoreVideos = () => {
    const {nextPageToken} = this.props;
    if (this.props.youtubeLibraryLoaded && nextPageToken) {
      this.props.fetchMostPopularVideos(12, true, nextPageToken);
    }
  };
}