TabbedInterface does not work with Chatbot defined in ChatInterface

[arnaldog12]

Describe the bug

When defining a Chatbot in ChatInterface, the TabbedInterface does not render it properly.

Have you searched existing issues? 🔎

• I have searched and found no existing issues

Reproduction

import gradio as gr

def chat():
    return "Hello"

chat_ui = gr.ChatInterface(
    fn=chat,
    type="messages",
    chatbot=gr.Chatbot(type="messages"),
)

demo = gr.TabbedInterface([chat_ui], ["Tab 1"])
demo.launch()

Screenshot

Logs

System Info

Gradio Environment Information:
------------------------------
Operating System: Darwin
gradio version: 5.12.0
gradio_client version: 1.5.4

------------------------------------------------
gradio dependencies in your environment:

aiofiles: 23.2.1
anyio: 4.8.0
audioop-lts is not installed.
fastapi: 0.115.6
ffmpy: 0.5.0
gradio-client==1.5.4 is not installed.
httpx: 0.27.2
huggingface-hub: 0.27.1
jinja2: 3.1.5
markupsafe: 2.1.5
numpy: 2.2.2
orjson: 3.10.15
packaging: 24.2
pandas: 2.2.3
pillow: 11.1.0
pydantic: 2.10.5
pydub: 0.25.1
python-multipart: 0.0.20
pyyaml: 6.0.2
ruff: 0.4.10
safehttpx: 0.1.6
semantic-version: 2.10.0
starlette: 0.41.3
tomlkit: 0.13.2
typer: 0.15.1
typing-extensions: 4.12.2
urllib3: 2.3.0
uvicorn: 0.34.0
authlib; extra == 'oauth' is not installed.
itsdangerous; extra == 'oauth' is not installed.


gradio_client dependencies in your environment:

fsspec: 2024.12.0
httpx: 0.27.2
huggingface-hub: 0.27.1
packaging: 24.2
typing-extensions: 4.12.2
websockets: 14.2

Severity

Blocking usage of gradio

[abidlabs]

Thanks @arnaldog12, as a temporary workaround, you can do this:

import gradio as gr

def chat(x, y):
    return "Hello"

with gr.Blocks() as chat_ui:
    gr.ChatInterface(
        fn=chat,
        type="messages",
        chatbot=gr.Chatbot(type="messages"),
    )

demo = gr.TabbedInterface([chat_ui], ["Tab 1"])
demo.launch()

[arnaldog12]

It works!
Thanks, @abidlabs.