✨ Working form submission with query params

Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
2023-09-12 12:04:41 +02:00 · 2023-09-12 12:04:41 +02:00 · 20aaef67d7
commit 20aaef67d7
parent cd63407d03
3 changed files with 7 additions and 2 deletions
--- 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