fix: break early while reading stream data

src/pages/playground/hooks/use-chat-completion.ts

@@ -168,11 +168,11 @@ export default function useChatCompletion(
         if (chunk?.error) {
           setTokenResult({
             error: true,
-            errorMessage: extractErrorMessage(chunk)
+            errorMessage: extractErrorMessage(chunk.error)
           });
-          return;
+        } else {
+          joinMessage(chunk);
         }
-        joinMessage(chunk);
       });
     } catch (error) {
       console.log('error:', error);

src/utils/fetch-chunk-data.ts

@@ -166,12 +166,6 @@ export const readStreamData = async (
   while (isReading) {
     const { done, value } = await reader.read();
 
-    if (done) {
-      isReading = false;
-      bufferManager.flush();
-      break;
-    }
-
     try {
       const chunk = decoder.decode(value, { stream: true });
 
@@ -189,6 +183,12 @@ export const readStreamData = async (
     } catch (error) {
       bufferManager.add({ error });
     }
+
+    if (done) {
+      isReading = false;
+      bufferManager.flush();
+      break;
+    }
   }
 };