Uploading base64 images to Sanity and resolving a 400 error

client.assets.upload(type: 'file' | image', body: File | Blob | Buffer | NodeStream, options = {}): Promise<AssetDocument>

const handleOnSave = async(imageObj) => {
    console.log(imageObj, 'imageObj')
    const image = imageObj.imageBase64;
    setImageAsset(image);
    await client.assets.upload("image", image, {contentType: imageObj.mimeType, fileName: imageObj.fullName});
    closeImgEditor();
  }

Upload failed: Bad Request - Invalid image, could not read metadata

Though Sanity lets you import a wide range of image formats like TIFF and SVG our currently supported image formats for processed output are: JPEG, PNG and WebP.
GIF and SVG pass through the image pipeline untouched, but if you want them scaled they will need to be output as one of the three formats above.

_let_ uploadBuffer = _await_ Buffer.from(imageBase64, 'base64');