Blazor server Grid throw System.InvalidOperationException exception

I have build a blazor server application and followed example given at https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/grids/data-grid-cell-editing

I have set grid edit to “CellBatch” and whenever i click either (commit/undo/redo) button, application is throwing “System.InvalidOperationException: ‘cannot synchronously invoke a method without IJSInProcessRuntime'” exception.

Can you let us know what wrong i am doing. I just copied your sample. Or let us know if you have any other sample application for Blazor server with batch edit grid.

Attached is screen shot of error.

I also notice that if i create Blazor WebAssembly App, than same code work correctly.  Looks like this grid not build to work with Blazor server at this time.

Correct me if i am wrong.

Hello and thank you for contacting Infragistics. I will be building a sample to help isolate the behavior. In the meantime, if you happen to have a sample that isolates the behavior please attach it and I will investigate this for you. 

Thanks Michael for quick reply. 

I am trying to upload zip file but getting this error. Is there any other way to upload zip file? 

Hello and thank you for following up. Changes need to be made asynchronous in blazor server to the grid on the client browser. I changed your CommitEdits, Undo and Redo method calls to their async counterparts needed for blazor server and got things back to working again. Again, this is normal because the grid is loaded on the client browser not the server. 

eg.

private void OnCommitClick(MouseEventArgs e)
{
this.DataGridRef.CommitEditsAsync();
StateHasChanged();

}

private void OnUndoClick(MouseEventArgs e)
{
this.DataGridRef.UndoAsync();
StateHasChanged();

}

private void OnRedoClick(MouseEventArgs e)
{
this.DataGridRef.RedoAsync();
StateHasChanged();

}