Компонент бесконечной прокрутки Reactjs всегда отображает новые данные

После прокрутки мои данные всегда отображаются на странице 2, а страница 1 исчезла, и items.concat не работает.

Получить код данных:

const FetchUrl = async (p) =>{
    const Url = await fetch(`api-link=${p}`);
    const data = await Url.json();
    setItem(data.DataNonProject.data)
}

Код для получения дополнительных данных:

const fetchMoreData = () => {
    setTimeout(() => {
        setPage(page + 1);
        console.info(page);
        FetchUrl(page);
        setItem(items.concat(Array.from(items)));
    }, 100);
    // FetchUrl(page);
 }

Возвращаемые данные:

{items ? 
    <InfiniteScroll
      dataLength = {items.length}
      next = {fetchMoreData}
      hasMore = {true}
      loader = {<h4>Loading...</h4>}
    >
     {console.info(items)}   
        { items.map((item, index) => (
            <div key = {index}>
                div {index} - # {item.title}
                <br/><br/><br/>
            </div>
        ))}
    </InfiniteScroll>
    : '' }

Я использую react-infinite-scroll-component