coding without thinking

src/app/search/web/page.jsx

@@ -15,13 +15,13 @@ export default function WebSearchPage({ searchParams }) {
     const signal = controller.signal;
   
     async function fetchData() {
-      const response = await fetch(`/api/llm`, {
+      const response = await fetch('/api/llm', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ question: searchTerm || "Seattle activities this weekend" }),
         signal,
       });
-      
+  
       if (!response.ok) {
         throw new Error(`HTTP error! status: ${response.status}`);
       } else {
@@ -29,23 +29,23 @@ export default function WebSearchPage({ searchParams }) {
         const decoder = new TextDecoder();
         let text = '';
   
-        while (true) {
-          const { value, done } = await reader.read();
-  
-          if (done) {
-            // When the stream ends, we can parse the complete text
-            try {
+        try {
+          while (true) {
+            const { value, done } = await reader.read();
+    
+            if (done) {
+              // When the stream ends, we can parse the complete text
               const json = JSON.parse(text);
               console.log(json);
               setAiResponse(json);
               console.log("Stream complete");
-            } catch (error) {
-              console.error("Failed to parse JSON", error);
+              break;
             }
-            break;
+    
+            text += decoder.decode(value, {stream: true});
           }
-  
-          text += decoder.decode(value);
+        } catch (error) {
+          console.error("Failed to parse JSON", error);
         }
       }
     }
@@ -55,7 +55,7 @@ export default function WebSearchPage({ searchParams }) {
     });
   
     return () => controller.abort();
-  }, [searchParams, searchTerm]);
+  }, [searchParams, searchTerm]);    
 
 
   console.log(aiResponse);