# Uppy uploads the original image instead of the edited version

**URL:** <https://community.transloadit.com/t/uppy-uploads-the-original-image-instead-of-the-edited-version/16440>\
**Category:** Uppy\
**Created:** [January 22, 2023, 1:09pm UTC](https://community.transloadit.com/t/uppy-uploads-the-original-image-instead-of-the-edited-version/16440 "2023-01-22T13:09:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ahhshm](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/ahhshm/32/758_2.png) [@ahhshm](https://community.transloadit.com/u/ahhshm)\
**Post date:** [January 22, 2023, 1:09pm UTC](https://community.transloadit.com/t/uppy-uploads-the-original-image-instead-of-the-edited-version/16440/1 "2023-01-22T13:09:40Z")

</div>

This is my uppy configuration:

```auto
// this is outside component
const uppy = new Uppy({
  allowMultipleUploads: false,
  locale: farsiLocal,
  restrictions: {
    maxFileSize: 10_000_000,
    maxNumberOfFiles: 1,
    allowedFileTypes: ["image/jpeg", "image/png", "image/webp"],
  },
})
  .use(XHRUpload, {
    endpoint: `/image`,
    method: "post",
    formData: true,
    fieldName: "image",
    allowedMetaFields: ["name"],
  });

const Component = () => {
  return (
          <DashboardModal
            open={isFileUploaderOpen}
            onRequestClose={() => setIsFileUploaderOpen(false)}
            uppy={uppy}
            plugins={["ImageEditor"]}
            metaFields={[{ id: "name", name: "name", placeholder: "Name" }]}
            closeModalOnClickOutside={true}
            style={{ zIndex: "999999" }}
          />
  )
}

```

The problem is, when I edit the image with the ImageEditor plugin and then upload the image, it uploads the original image not the edited one. I can’t find any example that uses react-hooks, your image editor and the upload plugin at the same time so I’m a little confused. Am I missing something here?

---

<div class="post-metadata">

**Author:** ![akkie](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/akkie/32/781_2.png) [@akkie](https://community.transloadit.com/u/akkie)\
**Post date:** [February 8, 2023, 7:46pm UTC](https://community.transloadit.com/t/uppy-uploads-the-original-image-instead-of-the-edited-version/16440/2 "2023-02-08T19:46:27Z")

</div>

Hi,

I have the same issue. Do you found a solution?

Best regards,  
Christian

---

<div class="post-metadata">

**Author:** ![mifi](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/mifi/32/603_2.png) [@mifi](https://community.transloadit.com/u/mifi)\
**Post date:** [February 9, 2023, 2:18am UTC](https://community.transloadit.com/t/uppy-uploads-the-original-image-instead-of-the-edited-version/16440/3 "2023-02-09T02:18:33Z")

</div>

Hi. Did you try to `uppy.use(ImageEdtior,...)`? see [Image Editor — Uppy](https://uppy.io/docs/image-editor/)

---

<div class="post-metadata">

**Author:** ![ahhshm](https://yyz2.discourse-cdn.com/flex032/user_avatar/community.transloadit.com/ahhshm/32/758_2.png) [@ahhshm](https://community.transloadit.com/u/ahhshm)\
**Post date:** [February 9, 2023, 6:44am UTC](https://community.transloadit.com/t/uppy-uploads-the-original-image-instead-of-the-edited-version/16440/4 "2023-02-09T06:44:10Z")

</div>

Thank you. It fixed my issue. I thought adding “ImageEditor” to the list of `DashboardModal` plugins would automatically register `ImageEditor`. Seems like it’s not the case.