Replace image failed with exception "this.image is undefined"

[Int32Overflow]

Describe the bug
I like to replace the current image with a new version of the image. The first replace is working, but the second replace failed with following error message:

this.image is undefined
replace@http://localhost:5165/_content/Cropper.Blazor/cropper.min.js:10:22878
replace@http://localhost:5165/_content/Cropper.Blazor/cropperJsInterop.min.js:1:1746
beginInvokeJSFromDotNet/s<@http://localhost:5165/_framework/blazor.server.js:1:3047
beginInvokeJSFromDotNet@http://localhost:5165/_framework/blazor.server.js:1:3004
_invokeClientMethod@http://localhost:5165/_framework/blazor.server.js:1:60890
_processIncomingData@http://localhost:5165/_framework/blazor.server.js:1:58279
Xt/this.connection.onreceive@http://localhost:5165/_framework/blazor.server.js:1:51920
connect/</s.onmessage@http://localhost:5165/_framework/blazor.server.js:1:80026

I would like to keep the current status (rotation, cropping) when updating the image.

The code snippet:

try
{
    isLoadingImage = true;
    await InvokeAsync(StateHasChanged);
    var oldImageSource = this.imageSource;
    this.imageSource = GetImageSource();
    await cropperComponent.ReplaceAsync(this.imageSource);
    await cropperComponent.RevokeObjectUrlAsync(oldImageSource);
}
catch (Exception ex)
{
    throw;
}
finally
{
    isLoadingImage = false;
    await InvokeAsync(StateHasChanged);
}

To Reproduce
Steps to reproduce the behavior:

1. Call method ReplaceAsync

• The first time every think is okay

3. Call method ReplaceAsync again

• See error

[Int32Overflow]

I solved the problem with the help of this post #150