const items = props.items; const renderItem = props.renderItem; const perPage = props.perPage || 10; console.log("itemFeed"); const jItems = JSON.stringify(items); if (state.jItems !== jItems) { State.update({ widgets: 0, jItems, }); } const makeMoreItems = () => { State.update({ widgets: state.widgets + perPage, }); }; console.log({ items, renderItem }); return ( <InfiniteScroll pageStart={0} loadMore={makeMoreItems} hasMore={state.widgets < items.length} loader={<div className="loader">Loading ...</div>} > {await Promise.all(items.slice(0, state.widgets).map(renderItem))} </InfiniteScroll> );