Реализация кнопки «Загрузить еще» в реагирующем / реагирующем маршрутизаторе

Question

Есть список товаров с нумерацией страниц. Он имеет кнопки нумерации страниц и кнопку «Загрузить еще», которая добавляет содержимое следующей страницы в список продуктов.

Что-то вроде это .

Реализация такой вещи довольно проста, но есть нюанс. Мне нужно сохранить номер страницы в строке запроса.

Самый простой подход - это синхронизация изменений запросов и состояние редукции через componentWillReceiveProps:

componentWillReceiveProps(nextProps) {
    const { onGetProducts } = this.props;
    const currentPage = get(this.props.location.search, 'page');
    const newPage = get(nextProps.location.search, 'page');
    if (newPage  !== currentPage) {
       onGetProducts(newPage);
    }
}

И затем измените номер страницы с помощью history.push. Но есть загвоздка, как добавить данные в список продуктов вместо замены содержимого?