KendoGrid Virtual Table Scrolling Issue

Question

I have used virtual scrolling in Kendo-Grid but while scrolling it in speed the whole screen is getting blank and no data is shown

       <Grid
        data={
            state.result.data.length > 0
              ? state.result
              : updatedGridData.slice(10)
        }
        scrollable="virtual"
        onDataStateChange={dataStateChange}
        onScroll={scrollHandler}
        {...state.dataState}
      >



const dataStateChange = event => {
    setState(createAppState(event.dataState));
  };

The initial Code is mentioned and in dataStateChange function , I am just setting the data using process (kendo-data-query) . Anyone facing the same issue and any direction or documentation would be much appreciated.