Swiper freezes when adding new items

I load 15 items from the server and add them to the Swiper, when I viewed 11 items, I load 15 new items, throw out the 11 already viewed and add the new ones behind the remaining 4.

Problem is now, that the swiper freezes when I do this. Sometimes it completes the current swipe after the update, sometimes it simply keeps stuck till I swipe again.

    if (itemsLeft < 5) {
      const nextPage = page + 1;
      const nextItems = await this.loadPage(nextPage);
      items.splice(0, items.length - itemsLeft);

      this.setState({
        items: [...items, ...nextItems],
        page: nextPage
      });
    }

[webraptor]

Discarding viewed items will create issues for swipe back …

[georgeMorales]

Hi, thanks for this good library … I am trying to paginate with Firebase Firestore, I have implemented it successfully in FlatList but with deck swiper I do not start the way. When I call the onSwiped method (cardIndex) making the new request with the last element I get this error … Warning: Can’t call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

onSwiped = async () => { const {users} = this.props; let lastUsers = users && users[users.length - 1]; console.log(‘lastUsers’, lastUsers); let nextQuery = await this.props.getUsersQuery(lastUsers); console.log(‘nextQuery’, nextQuery); }