Getting black image after crop.

Hi,

I am getting “solid black” image after passing it through the getCroppedImg() function provided by the docs. The dimesions of the returned image is correct, however all I see is solid black color.

const reader = new FileReader();
const imageObject = new Image();
reader.readAsDataURL(fileObject);
reader.onload = () => {
	imageObject.src = reader.result;
};
const croppedImageBlob = await getCroppedImg(imageObject, crop, fileObject.name);
 console.log(URL.createObjectURL(croppedImageBlob));   //Pasting the URL in the browser shows a solid black image

Any help is appreciated. Thanks.

[norflin321]

Final react component code with the problem solved: https://gist.github.com/norflin321/c8ce39f3fff2e73b7bc30b216b482a85

[DominicTobias]

Thanks for the gist, closing as the issue is old and from a major version ago