Реагировать - показать загрузчик дольше

Question

Я создал приложение redux-реакции, которое отправляет запрос в Unsplash API и показывает некоторые изображения.Перед возвратом ответа HTTP показывается загрузчик.

Я также добавил библиотеку Reaction-Masonry-Component в свое приложение, чтобы упорядочивать изображения.

Результат выглядит следующим образом:

Библиотеке кладки требуется около 5 секунд для применения ко всем изображениям.

Теперь мой вопрос: как я могу отложить показ изображений или, другими словами, как заставить загрузчик div показываться в течение 5 секунд, прежде чем изображения будут показаны?

Это частькомпонента, загружающего изображения:

class PhotoList extends Component {
  renderPhotos() {
    const { photos } = this.props;

    if (this.props.isLoading) {
      return <div className="loader">Loading…</div>;
    }

    return photos.map(photo => {
      const url = photo.urls.full;
      return <SinglePhoto url={url} key={id} />;
    });
  }

  render() {
    return (
      <Masonry>
        {this.renderPhotos()}
      </Masonry>
    );
  }
}