App crashes when "list" is changed in VirtuosoGrid

first off, this library is great and exactly what I need!

I am using the VirtuosoGrid component, I supply it an array of small objects (from redux). I am trying to allow a user to use a text input to search and filter the boxes in the grid, so I have the text input text filter the array that is passed to this grid, when the list is “filtered” my react app crashes because a component that did have one of the “items” is now getting undefined.

I’m probably missing something simple. But it seems like this should just work?

// user typed in "mi"
const searchText = 'z';
const list = [{a: 'Mike'}, {a: 'Sam'}....... {a: 'Michael'}];

// some logic to filter the list based on text input
const filteredList = list.filter(item => item.a === searchText);

// down way below in renderland
<VirtuosoGrid
  totalCount={filteredList.length}
  item={idx => <MyComponent item={filteredList[idx]} />}
/>

[petyosi]

Thank you! Reproduced the problem on my side, confirming it as a bug. Will figure out a fix and publish a new version this week.

[petyosi]

Hey, @mcabs3 that should work from what I see, but you may have found a bug in the rendering mechanism. Can you reproduce it in stackblitz or codesandbox? I will take a look.

Cheers,