next function doesn't called

[Code-Guru-007]

I'm experiencing an issue where the next function of the InfiniteScroll component doesn't seem to work as expected. I've tried implementing a simple alert inside the next function, but nothing happens when I scroll to the end of the list.

Thank you.

[shravan-lambdatest]

What is your scrollable region? If it's the <InfiniteScroll /> itself, pass fixed height and overflow. If it's some parent pass the scrollableTarget prop.

FYR: https://github.com/ankeetmaini/react-infinite-scroll-component/blob/d5b4e5250669022db5217763afd22fb3995a505a/src/index.tsx#L78

[sapiens-shahbaz-khan]

I'm experiencing an issue where the next function of the InfiniteScroll component doesn't seem to work as expected. I've tried implementing a simple alert inside the next function, but nothing happens when I scroll to the end of the list.

To have the feature working it requires a fixed height and overflow as mentioned above. I used :

     height: some calculated value,
     overflowY: 'scroll',
    position: 'sticky',

But also to keep in mind the children that you are passing to the Component. In your case the children is not an array of items but a wrapping component. In this case we must use hasChildren prop as false.

[khuongtp]

May I ask is it possible make it trigger next function even if the data is not overflow