fix

src/app/search/web/page.jsx

@@ -26,24 +26,35 @@ export default function WebSearchPage({ searchParams }) {
         throw new Error(`HTTP error! status: ${response.status}`);
       } else {
         const reader = response.body.getReader();
-        let chunks = [];
+        const decoder = new TextDecoder();
+        let text = '';
   
         while (true) {
-          const { done, value } = await reader.read();
+          const { value, done } = await reader.read();
   
-          if (done) break;
-  
-          chunks.push(value);
-        }
+          if (value) {
+            text += decoder.decode(value, {stream: true});
+            let boundary = text.indexOf('\n');
+
+            while (boundary !== -1) {
+              const jsonStr = text.slice(0, boundary);
+              text = text.slice(boundary + 1);
+              try {
+                const json = JSON.parse(jsonStr);
+                console.log(json);
+                setAiResponse(prevResponse => [...prevResponse, json]);
+              } catch (error) {
+                console.error("Failed to parse JSON", error);
+              }
+
+              boundary = text.indexOf('\n');
+            }
+          }
   
-        const text = new TextDecoder().decode(new Uint8Array(chunks.flat()));
-        
-        try {
-          const json = JSON.parse(text);
-          console.log(json);
-          setAiResponse(json);
-        } catch (error) {
-          console.error("Failed to parse JSON", error);
+          if (done) {
+            console.log("Stream complete");
+            break;
+          }
         }
       }
     }
@@ -53,7 +64,7 @@ export default function WebSearchPage({ searchParams }) {
     });
   
     return () => controller.abort();
-  }, [searchParams, searchTerm]);    
+  }, [searchParams, searchTerm]); 
 
 
   console.log(aiResponse);