gr.Image with tool="sketch" breaks completely after switching tabs

[AUTOMATIC1111]

Describe the bug

gr.Image with tool="sketch" stops working and shows a grey square after user switches tabs, which makes it impossible for user to use the element afterwards. There is no real workaround. I clear the image with javascript upon tab switch, which helps for this exact case, but users still experience this afterwards, so rather than workaround, this error needs to be fixed. Also the DOM tree in browser shows image as <img class="absolute w-full h-full object-contain" src="[object Object]" alt=""> so it's clearly some error in javascript.

Is there an existing issue for this?

• I have searched the existing issues

Reproduction

import gradio as gr

with gr.Blocks(analytics_enabled=False) as demo:
    with gr.Tabs() as tabs:
        with gr.TabItem("A"):
            gr.Image(source="upload", interactive=True, type="pil", tool="sketch", image_mode="RGBA")

        with gr.TabItem("B"):
            gr.HTML()

demo.launch()

Screenshot

Logs

does not produce messages

System Info

gradio 3.3, both firefox and chrome

Severity

blocking all usage of gradio