From 347ee16511713ce71145db74d010ba821fed6ec2 Mon Sep 17 00:00:00 2001
From: thucpn <thucsh2@gmail.com>
Date: Fri, 21 Mar 2025 17:58:18 +0700
Subject: [PATCH] display error popup

---
 packages/server/next/app/page.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/server/next/app/page.tsx b/packages/server/next/app/page.tsx
index 925f0070b..80d59a5d8 100644
--- a/packages/server/next/app/page.tsx
+++ b/packages/server/next/app/page.tsx
@@ -4,7 +4,20 @@ import { useChat } from "ai/react";
 import { getConfig } from "./utils";
 
 export default function Page() {
-  const handler = useChat({ api: getConfig("CHAT_API") });
+  const handler = useChat({
+    api: getConfig("CHAT_API"),
+    onError: (error: unknown) => {
+      if (!(error instanceof Error)) throw error;
+      let errorMessage: string;
+      try {
+        errorMessage = JSON.parse(error.message).detail;
+      } catch (e) {
+        console.error(e);
+        errorMessage = error.message;
+      }
+      alert(errorMessage);
+    },
+  });
   return (
     <div className="flex h-screen items-center justify-center">
       <ChatSection
-- 
GitLab