Issues Deploying LangGraph Customer Support Bot with LangServe

[hsienjunong]

I am currently working on a project using LangGraph to build a customer support bot (https://langchain-ai.github.io/langgraph/tutorials/customer-support/customer-support/) and managed to implement Part 1 of this already.

I am planning to utilise LangServe to deploy this customer support bot as a REST api (using FastAPI).

I followed this tutorial on using the pirate-speak template and the playground to test it and it works perfectly fine.
https://github.com/langchain-ai/langchain/blob/master/templates/README.md

I would like to now implement Part 1 through LangServe as well but I can't seem to load the playground in the "chat" interface. When my playground type is set to default, I get this:

However, when the playground type is set to "chat", I get this error message:

How can I fix this?

Thank you.