Getting only 22 rows rendered in the list. I have a large list of 1000 items and trying to render it using WindowScroll + AutoSizer + List only renders 22 items

[sukhpreet96]

trafficstars

Getting only 22 rows rendered in the list. I have a large list of 1000 items and trying to render it using WindowScroll + AutoSizer + List only renders 22 items

[javanoclaw]

Getting only 22 rows rendered in the list. I have a large list of 1000 items and trying to render it using WindowScroll + AutoSizer + List only renders 22 items

me two

[roanrobersson]

The likely cause of the problem must be the lack of the 'scrollEment' prop:

const Test= () => {
  const scrollElementRef = useRef(null);

  return (
    <div className="overflow-y-auto h-full max-h-full" ref={scrollElementRef}>
      <WindowScroller scrollElement={scrollElementRef .current ?? window}>
        {...}
      </WindowScroller>
    </div>
  );
};