Stack Overflow
Stack Overflow

Questions tagged [react-infinite-scroll-component]

48 questions
16
votes
2 answers

“react-infinite-scroll-component” Stopped working after one call (loadMore only gets called once)

I use the react-infinite-scroll-component library for pagination,but even though hasMore is true, loadMore is called once.
Yashar Habibi
  • 790
  • 1
  • 5
  • 13
8
votes
1 answer

How to implement infinite scroll in next js?

Infinite scrolling in next js is not working, the same code works on normal create-react-app
bhattaraijay05
  • 442
  • 1
  • 5
  • 14
5
votes
2 answers

“react-infinite-scroll-component” not firing next function

I'm using the react-infinite-scroll-component to implement the infinite scroll component. The configuration of the component is:
5
votes
0 answers

how to limit the data shown in react-infinite-scroll

I try to use react-infinite-scroll-component to show some data cards but I don't understand how to show some data only in view in this case I display all data, how to solve this here is my code const AllTrainingEvent = () => { const [data,…
Dexy Arya
  • 51
  • 3
5
votes
1 answer

Material UI Autocomplete + Infinite Scrolling together?

Problem : Getting double Scrollbars - Removing Paper Scrollbar makes the autocomplete content not scrollable hence showing ONLY the contents in the visible height of the dropdown. If I hide the other scroll then the Infinite Scroll API does not get…
Gauri Padbidri
  • 371
  • 4
  • 15
5
votes
1 answer

How to use react-infinite-scroll-component inside a Material-UI Dialog modal?

I'm using react-infinite-scroll-component in a project and it works fine outside a Dialog. When I scroll to the bottom of a page, the next set of data is fetched from the server but I can't get the same action inside my Material-UI Dialog. Here's…
MaxRah
  • 243
  • 1
  • 6
  • 21
4
votes
1 answer

react infinite scroll component table body

Is there any way to use react infinite scroll component package in the "Table" ? https://www.npmjs.com/package/react-infinite-scroll-component Here is my code. …
Adnan Ahmad
  • 848
  • 1
  • 13
  • 12
3
votes
1 answer

next prop not working in react-infinite-scroll-component

The infinite scroll component is in a table and its inside a scrollable page. i tried giving id="scrollableDiv" to every div in the page and also in index.html still no use. when i remove the scrollableTarget="scrollableDiv" the fetchdata…
Jeesmon Joy
  • 196
  • 1
  • 2
  • 16
2
votes
4 answers

React Infinite scroll component not working properly

I am using react-infinite scroll component like this: const [hasMore, setHasMore] = useState(true) const [pageNumber, setPageNumber] = useState(1) const fetchDataOnScroll = async () => { try { const res = await axios.get( …
merlin
  • 227
  • 2
  • 4
  • 13
2
votes
0 answers

What next function is not getting called for react infinite scroll

I'm trying to use react infinite scroll to call more data on scroll but not able to integrate this library properly the next event is not getting triggered when if I scroll to whole page
Hasham Minhas
  • 436
  • 3
  • 13
2
votes
0 answers

How do I correctly use the refreshFunction function from the react-infinite-scroll-component library?

I would like to update the list by pulling down, but I didn't quite understand how this method works. How do I implement it?
THIAGO DE BONIS
  • 760
  • 7
  • 22
2
votes
0 answers

react-infinite-scroll-component re-render next page

Whenever I scroll down of the page infinite scroll re-render components inside it and it works just one time. What I mean about re-render components it didn't work as should be I changes from first to last but don't add more videothumnail…
Ziya Arslan
  • 133
  • 1
  • 14
2
votes
2 answers

react-infinite-scroll not working inside Material UI Drawer

I am currently using react-infinite-scroll-component to paginate the comments from a certain post. There is a button in the comment section which shows a drawer that is supposed to show the paginated comments. The problem is, the…
Darryl Javier
  • 150
  • 1
  • 3
  • 8
2
votes
2 answers

React Scroll - Using React Scroll to in NavBar to scroll to specific component

I'm trying to use react scroll in my navbar to be able to scroll to a specific Component when any of the nav elements are clicked. I've been trying to follow the code, but I can't seem to fully understand it. I found a good answer here How to scroll…
Tigiras
  • 47
  • 1
  • 9
1
vote
2 answers

How to create infinite scroll for list of post in mobile and desktop using React

How can I create an infinite scroll using React/Typescript? I want to display a list of 10 post at first then when the users views the 10th one then another phase of 10 should be loaded on the screen. Kindly help out with a code demo. This currently…
Orisfina
  • 59
  • 9
1
2 3 4