Loader remains visible with endMessage? about react-infinite-scroll-component

[nealoke]

Currently tried a lot of cases and this one keeps triggering the behavior. As you can see I first have 7 children which is the maximum possible (aka hasMore = false). Then after an event that changes so the list is now greater then 7 chilren. It still triggers the next function correctly however for some reason the Loader prop remains visible even when passing false to the hasMore prop. As shown in the first example the endMessage prop is also visible in this case.

Might be handy to see the console.log() which are located right in front of the component, see below.

@ankeetmaini any input on this? :)

[ankeetmaini]

I'll try this out!

[matteing]

Same issue here.

[ankeetmaini]

Closing this for now. Please reopen if this is still an issue.

[shad-k]

@ankeetmaini I am facing this issue as well. Any idea how to solve this. When loader is visible along with the endMessage.

[bethshook]

I had this issue too and just added a conditional:

loader={
              setHasMore ? (
                <MyLoader />
              ) : null
            }