React Virtualized - список пропускается через любой другой элемент

Question

Я действительно не понимаю, что я делаю неправильно, проходя мимо документов.
Пояснение к названию:
Когда я прокручиваю от 1 до 2 (т. Е. 1 теперь скрыто) - все хорошо.
Когда я прокручиваю от 2 до 3 (т.е. 1 и 2 теперь оба скрыты) - список переходит, поэтому он не начинается с пункта 3, а начинается с пункта 4!
Когда я прокручиваю весь путь вниз, у меня остается остаток от всех пропущенных элементов, что означает пустое пространство, в котором нет ни одного элемента.
вот мой код:

class MyList extends React.Component {
    rowRenderer = (params: any): JSX.Element => {
       const color = params.index % 2 ? 'white' : 'blue';
       return (
          <div style={{height: 50, backgroundColor: color}}>
             {this.items[params.index]}
          </div>
       );
    }

    render() {
       <div style={{height: 300}}>
           <List
               height={300}
               width={235}
               rowHeight={50}
               rowCount={this.items.length}
               rowRenderer={this.rowRenderer}
           />
       </div>
    }
}