How to Destroy the Report Viewer Object

1. Add the following code in the boldreports-interop.js to destroy the Report Viewer object.

   window.DisposeReportsObject = () => {
       var reportViewerElement = document.querySelector('.e-reportviewer.e-js');
       if (reportViewerElement) {
           //Destroy the report viewer processing objects.
           $(reportViewerElement).data('boldReportViewer').destroy();
       }
       return true;
   }

2. Then, invoke the DisposeReportsObject function in the Pages/Index.razor file as follows.

   @page "/"
   
   @implements IDisposable
   
   @code {
       void IDisposable.Dispose()
       {
           // Unsubscribe from the event when our component is disposed
           JSRuntime.InvokeAsync<bool>("DisposeReportsObject").GetAwaiter();
       }
   }