Grid virtual scroll problem with detail row

Hi,

Grid seems have problem dealing with virtual scroll and detail row at the same time. From the official documentation https://www.telerik.com/kendo-react-ui/components/grid/scroll-modes/virtual/, in its example, if I added following props to <Grid> and try to scroll, the page will get stuck because it is trying to render too many rows:

https://codesandbox.io/s/5r9frx?file=/app/main.jsx

expandField={"expanded"} detail={() => <div>test</div>}

Note that, if remove expandField property, it will work.

Thanks,

Jie