Youtube in React: VideoList component with infinite scroll

VideoList.js

import React from 'react';
import {SideBar} from '../../containers/SideBar/SideBar';
import {InfiniteScroll} from '../InfiniteScroll/InfiniteScroll';

export class VideoList extends React.Component {
  render() {
    const videoPreviews = this.getVideoPreviews();
    return (
      <React.Fragment>
        <SideBar/>
        <div className='video-list'>
          <InfiniteScroll bottomReachedCallback={this.props.bottomReachedCallback} showLoader={this.props.showLoader}>
            {videoPreviews}
          </InfiniteScroll>
        </div>
      </React.Fragment>
    );
  }
}