simplify

src/app/search/web/page.jsx

@@ -11,8 +11,6 @@ export default function WebSearchPage({ searchParams }) {
   }, [searchParams])
 
   useEffect(() => {
-    const decoder = new TextDecoder();
-    let responseText = '';
     const controller = new AbortController();
     const signal = controller.signal;
   
@@ -23,24 +21,17 @@ export default function WebSearchPage({ searchParams }) {
         body: JSON.stringify({ question: searchTerm || "Seattle activities this weekend" }),
         signal,
       });
-      const reader = response.body.getReader();
   
-      reader.read().then(function processText({ done, value }) {
-        if (done) {
-          console.log("Stream complete");
-          return;
-        }
-        responseText += decoder.decode(value);
-        console.log(responseText);
-        setAiResponse(responseText);
-        return reader.read().then(processText);
-      });
+      // Use .json() to parse the JSON response
+      const responseData = await response.json();
+      console.log(responseData);
+      setAiResponse(responseData);
     }
   
     fetchData();
   
     return () => controller.abort();
-  }, [searchParams, searchTerm]);  
+  }, [searchParams, searchTerm]);
 
   console.log(aiResponse);