UI crashes when sending image from one to another with tool="color-sketch"

[cvrunmin]

Describe the bug

When an image is sent from one gr.Image to another gr.Image with tool="color-sketch", the browser hangs and crashes the image.
Similar issue is found at #3248, with similar code here: #3248 (comment) .

This issue has blocked usage of sending freshly generated image to img2img (sketch) in AUTOMATIC1111/stable-diffusion-webui#7007

Is there an existing issue for this?

• I have searched the existing issues

Reproduction

You can reproduce using this snippet:

with gr.Blocks() as demo:
    with gr.Row():
        with gr.Column():
            img1 = gr.Image(source='upload', label='img1', interactive=True, type="pil", tool="editor", image_mode="RGBA")
            btnSend = gr.Button('Send')
        with gr.Column():
            img2 = gr.Image(source='upload', label='img2', interactive=True, type="pil", tool="color-sketch", image_mode="RGBA")
    btnSend.click(fn=lambda x:x, inputs=[img1], outputs=[img2])

demo.launch()

Screenshot

No response

Logs

n/a (log is clean)

System Info

Gradio: 3.21.0
Browser: Chrome, Edge

Severity

serious, but I can work around it

[cvrunmin]

It seems to be the same canvas resizing issue I think

[pngwn]

This is similar to some of the other issues around image resizing/ determining the nature of a change and will need to be addressed later. cc @abidlabs

[abidlabs]

Sg clearing from milestone

[pngwn]

Closed by #6169