firestore pagination with reactjs (the last visible document in my project is undefined after the data is mounted)

The problem is Google Firebase Firestore pagination we use startAfter and startAt method, when the data is mounted after i click next, instead of retrieving the next data it does not retrieve the next data or it shows an error. You can test in codesanbox from this link: [login to view URL]