Uppy Image Editor shows 2 editable images instead of one

I’m using @uppy/image-editor and seeing two images that are both editable (only changes to the image on the right actually seem to be saved). This is regardless of file type.

Configuration looks like this:

          <Dashboard
            uppy={uppy}
            metaFields={[
              { id: 'name', name: 'Name', placeholder: 'File name' },
            ]}
            plugins={['ImageEditor']}
            locale={{
              strings: {
                // Text to show on the droppable area.
                // `%{browse}` is replaced with a link that opens the system file selection dialog.
                dropHereOr: 'Drop here or %{browse}',
                // Used as the label for the link that opens the system file selection dialog.
                browse: 'browse',
              },
            }}
          />

Versions:

    "@uppy/core": "1.13.2",
    "@uppy/image-editor": "0.1.6",
    "@uppy/react": "1.10.8",

[arturi]

Ok, I got it working by removing the target option when setting up the ImageEditor, following the guidance here: https://uppy.io/docs/react/dashboard/#Props.

The <Dashboard /> cannot be passed to a target: option of a remote provider or plugins such as @uppy/webcam. To use other plugins like @uppy/webcam with the <Dashboard /> component, first add them to the Uppy instance, and then specify their id in the plugins prop.

https://codesandbox.io/s/romantic-ride-lsw4f?file=/src/App.js

We probably should double-mention this in the docs 🤔

[mcabrams]

@arturi Here is a codesandbox reproduction where I am seeing the double image issue:

https://codesandbox.io/s/gifted-feather-5lvks?file=/src/App.js