React-window: التمرير هو تشنج

لقد وصلت إلى هذه المكتبة من وثائق Material-UI في القوائم. أحاول تطبيق مثال بسيط على FixedSizeList ، لكن التمرير يجن جنوني. عندما أحاول التمرير لأسفل في القائمة ، فإنها تقفز لأعلى ولأسفل وأحصل بشكل متكرر على أحداث onScroll للخلف / إلى الأمام.

ما الخطأ الذي أفعله هنا؟

<FixedSizeList
    direction="vertical"
    itemData={availableLanguages} // array of objects
    height={300}
    width={'100%'}
    itemSize={30} // I think this is irrelevant with ListItem?
    itemCount={availableLanguages.length}
    onScroll={this.handleOnScroll} // added this just to debug what was going on
>
{({ index, data }) => (
    <ListItem key={index} dense button divider={index < data.length}>
        <ListItemText
            primary={data[index].description}
            secondary={data[index].abbreviation}
        />
    </ListItem> 
)}
</FixedSizeList>