useSWRInfinite не заполняет свойство данных, когда URL-адрес зависит от состояния (заменяет его)
Я пытаюсь получить api Reddit с помощью useSWRInfinite. Я хочу получить отдельные фрагменты данных (поскольку у него нет страниц, он использует свойства after и before). Поэтому при каждом нажатии кнопки, чтобы получить больше, я помещаю идентификатор следующего фрагмента данных в состояние компонента, который затем сохраняется в URL-адресе. Получение идет нормально, но свойство data для useSWRInfinite не заполняется новыми данными. Вместо этого его заменяют. С другими API, имеющими страницы и не зависящими от состояния, он работает должным образом.
В принципе:
Что сейчас возвращается:
[{data1}]
*request*
[{data2}]
*request*
[{data3}]
Что желательно:
[{data1}]
*request*
[{data1},{data2}]
*request*
[{data1},{data2},{data3}]
Codepen с проблемой | Codepen с желаемым результатом
У кого-нибудь была похожая проблема? Благодаря!