react-horizontal-infinite-scroll

To handle infinite scroll with a simple, lightweight and high responsive manner with this infinite-scroll-package.npm i react-horizontal-infinite-scroll --save
yarn add react-horizontal-infinite-scroll

import InfiniteScroll from 'react-horizontal-infinite-scroll';

<InfiniteScroll
    mainWrapper={<div className='infinite-scroll-wrapper' />}
    loader={<div/>}
    dipatchScroll={(scrollInfo={}) => {}}
>
    {children} //<-- All the children elements which are used to load under the scroll wrapper.
</InfiniteScroll>

Props

• mainWrapper (Required) - The wrapper element for the Infinite scroll.
• loader (Required) - Loader component which is used to show the loading state for infinite scroll.
• dipatchScroll (Required) - Callback event for identify and update the children for each scroll end.