Embeded spaces using <gradio-app> tag gives "connection errored out"

When embedding spaces in a webpage using the tags, the space returns the error “connection errored out” when interacting with the space.

The page has only the embed code provided through the ‘Embed this Space’ button and nothing else on it.

This is happening for me on any space I try to embed (my own and other peoples). The site I am using is a static site hosted on Github pages.

In the browser console, I get this error:

WebSocket connection to 'wss://website.com/page.htmlqueue/join' failed: 

where website.com/page.html is page the space is embeded on.

This error started happening on the 5th of January at the same time that I was notified that https://spaces.huggingface.tech/ embed url is now depreciated.

Embedding via iframe works fine and does not return the error.

Hopefully this is enough information to get to the bottom of this!

@chris-rannou any ideas?

hello @greendra , there is an open issue on Gradio that reports on the same issue. Maybe @freddyaboulton can point you out to an old version that doesn’t have this issue until we figure it out?

Please, if you can, also report the issue on the thread here Gradio app not working inside Next.js · Issue #2880 · gradio-app/gradio · GitHub