Avatar Bug

gistfile1.txt

When uploading a photo, if a user uploads and then repositions their photo (which fires our handlePositionChange method), then editor.getImageScaledToCanvas().toDataURL() works. If a user just uploading a photo and doesn't reposition it, the code breaks at .toDataURL() with the error:

SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

There is no img element to add crossorigin: 'anonymous' to, but I have added it to the canvas element. 

Here is the method where the photo upload works: 
    const handlePositionChange = (newPosition) => {
        setPosition(newPosition);
        const img = editor.getImageScaledToCanvas().toDataURL();
        setPreview(img);
    };
    
And this is the method where the SecurityError comes up: 
    const handleNewImage = (e) => {
        setImg(e.target.files[0]);
        const img = editor.getImageScaledToCanvas().toDataURL();
        setPreview(img);
    };