diff --git a/src/App.tsx b/src/App.tsx
index 61e6cdc..109a21b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -36,7 +36,7 @@ function App() {
     } else {
       setLoading(false)
     }
-  }, [])
+  }, [location.search])
 
   const calculatePages = (totalResults: number): number => {
     return Math.round(totalResults / 10)
diff --git a/src/components/MovieForm/index.tsx b/src/components/MovieForm/index.tsx
index 1235ff6..ff05ac5 100644
--- a/src/components/MovieForm/index.tsx
+++ b/src/components/MovieForm/index.tsx
@@ -11,7 +11,10 @@ const MovieForm: React.FC = () => {
   return (
     <q.form
       className="flex flex-col gap-3 card p-4 rounded-lg w-full lg:px-14"
-      onSubmit={() => navigateToPage(movieTitle, movieYear, movieType)}
+      onSubmit={(e) => {
+        e.preventDefault()
+        navigateToPage(movieTitle, movieYear, movieType)
+      }}
     >
       <q.label>Choose a movie title:</q.label>
       <q.input
diff --git a/src/util/navigate.ts b/src/util/navigate.ts
index 4ed6e17..56c2504 100644
--- a/src/util/navigate.ts
+++ b/src/util/navigate.ts
@@ -11,6 +11,8 @@ export const useNavigateToPage = () => {
       if (type) query += `&type=${type}`
       if (year) query += `&year=${year}`
 
+      console.log(query)
+
       navigate(query)
     }
   }