gr.File with file_types="image" breaks front-end rendering

[apolinario]

Describe the bug

If a gr.File contains the file_types="image" the front-end never renders due to a Uncaught (in promise) TypeError: i.map is not a function in the browser console

Is there an existing issue for this?

• I have searched the existing issues

Reproduction

import gradio as gr
with gr.Blocks() as demo:
    gr.File(label="Test", file_count="multiple", interactive=True, file_types="image") 

demo.launch()

https://huggingface.co/spaces/multimodalart/grFileBug

Screenshot

No response

Logs

FileUpload.svelte:49 Uncaught (in promise) TypeError: i.map is not a function
    at Ce (FileUpload.svelte:49:27)
    at Pt (index.4395ab38.js:4:6005)
    at new Ee (FileUpload.svelte:60:30)
    at Array.Me (File.svelte:57:16)
    at Array.Se (File.svelte:40:16)
    at jn (index.4395ab38.js:1:1425)
    at _n (index.4395ab38.js:76:13914)
    at Wc (index.4395ab38.js:76:14690)
    at Pt (index.4395ab38.js:4:6206)
    at new Zc (index.4395ab38.js:76:16107)

System Info

gradio==3.16.2

Severity

blocking upgrade to latest gradio version

[apolinario]

PS: Works perfectly in Gradio 3.15, but breaks from 3.16.0 to 3.16.2

[freddyaboulton]

@apolinario Can you try with

gr.File(label="Test", file_count="multiple", interactive=True, file_types=["image"])

Works for me on main right now

[apolinario]

That works! Somehow I had old code that did not use a list and it used to work - so that broke on 3.16.x - but as a list it did work!

[freddyaboulton]

Glad it works! Will put up a PR to check that file_types is a list and raise an error to prevent front-end crashing