🤔 Container scrolls back to top when new data is loaded

I’m using this Component with useWindow set to false and the height of the parent set to 64vh.

The loader works just fine, calls the api at the end of the list, but when new data is loaded, it scrolls to the top of the list.

I’m using redux here. My code looks like this :

<div style={{height}} className={`overflow-y-scroll ${className}`}>
    <ReactInfiniteScroll
      loadMore={onEndReached}
      hasMore={hasMore}
      loader={loader}
      useWindow={useWindow}
      threshold={8}
      // initialLoad={false}
    >
      {children}
    </ReactInfiniteScroll>
  </div>

and the children here are :

{conversations.map(c => <Row key={c.id} conversation={c}/>)}

Thanks.

[ilkermutlu]

@shivekkhurana thanks.

Turns out mine doesn’t have to do anything with the reducer as well. I think I solved it by updating my render logic. Just the same as you guys.

[shivekkhurana]

I figured that it was a bug in my rendering logic that removed and added the listview back each time.

This gave me the impression that the list view scrolled back to the top, but in reality, it was being re-rendered. Closing the issue as there is nothing wrong with this library.

Thanks