Image Cropping Client and Server Side ($50 USD)

I have a React web app that uses "react-image-crop". I use the amplifyjs client so images are uploaded from the frontend as well. The image is successfully cropped as a canvas. The issue right now is that the image uploaded to s3 is the original image. I believe the canvas needs to be converted into an image first and then sent to s3. It needs to remain on the client.