diff --git a/components/layout/navbar/search.tsx b/components/layout/navbar/search.tsx
index fff895f43..c11aa2eff 100644
--- a/components/layout/navbar/search.tsx
+++ b/components/layout/navbar/search.tsx
@@ -1,28 +1,29 @@
 'use client';
 
-import { useRouter, useSearchParams } from 'next/navigation';
+// import { useRouter, useSearchParams } from 'next/navigation';
 
 import SearchIcon from 'components/icons/search';
-import { createUrl } from 'lib/utils';
+// import { createUrl } from 'lib/utils';
 
 export default function Search() {
-  const router = useRouter();
-  const searchParams = useSearchParams();
+  //const router = useRouter();
+  //const searchParams = useSearchParams();
 
   function onSubmit(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault();
 
     const val = e.target as HTMLFormElement;
     const search = val.search as HTMLInputElement;
-    const newParams = new URLSearchParams(searchParams.toString());
+    console.log(`Search:` + search);
+    // const newParams = new URLSearchParams(searchParams.toString());
 
-    if (search.value) {
-      newParams.set('q', search.value);
-    } else {
-      newParams.delete('q');
-    }
+    // if (search.value) {
+    //   newParams.set('q', search.value);
+    // } else {
+    //   newParams.delete('q');
+    // }
 
-    router.push(createUrl('/search', newParams));
+    // router.push(createUrl('/search', newParams));
   }
 
   return (
@@ -35,7 +36,7 @@ export default function Search() {
         name="search"
         placeholder="Search for products..."
         autoComplete="off"
-        defaultValue={searchParams?.get('q') || ''}
+        // defaultValue={searchParams?.get('q') || ''}
         className="w-full px-4 py-2 text-black dark:bg-black dark:text-gray-100"
       />
       <div className="absolute right-0 top-0 mr-3 flex h-full items-center">