20 ways to do a thing

src/app/search/web/page.jsx

@@ -2,14 +2,18 @@
 import { useEffect, useState } from "react";
 import { MemoizedReactMarkdown } from '../../../components/MemoizedReactMarkdown'
 import { CodeBlock } from '../../../components/CodeBlock';
+import { useSearchParams } from 'next/navigation'
+
+
+export default function WebSearchPage() {
+  const searchParams = useSearchParams()
 
-export default function WebSearchPage({ params, searchParams }) {
   const [aiResponse, setAiResponse] = useState("");
   const [searchTerm, setSearchTerm] = useState()
 
   useEffect(() => {
-    console.log(params,searchParams);
-    setSearchTerm(searchParams.searchTerm)
+    console.log(searchParams);
+    setSearchTerm(searchParams.get('searchTerm'))
   }, [searchParams])
 
   useEffect(() => {
@@ -103,13 +107,4 @@ export default function WebSearchPage({ params, searchParams }) {
         </MemoizedReactMarkdown>
       </div>
     );
-}
-
-
-export async function getInitialProps(context) {
-  // You can access the query parameters of the request with context.query
-  const searchParams = context.query;
-
-  console.log(context);
-  return { props: { searchParams } };
 }