Can you provide a reproducible codeSandbox or something similar to test? Because I tested it and the redirection works as expected. Check the working sandbox here:
https://codesandbox.io/p/devbox/router-push-helper-lvfx33

The relevant code snippet that worked here:

"use client";

import { useRouter } from "next/navigation";
import { useState } from "react";

export default function ActionPage() {
  const [isSubmitting, setIsSubmitting] = useState(false);
  const router = useRouter();
  const handleSubmit = async (e: any) => {
    e.preventDefault();
    setIsSubmitting(true);
    const response = await fetch(
      "https://jsonplaceholder.typicode.com/users/1"
    );
    const data = await response.json();
    if (data) {
      console.log("Token set, redirecting to /home");
      router.push("/home");
    } else {
      console.log("Error:", data.error);
    }
    setIsSubmitting(false);
  };
  return (
    <main>
      <form onSubmit={handleSubmit}>
        <input type="text" name="search" id="search" />
        <button type="submit">Search</button>
      </form>
    </main>
  );
}

Next/navigation isn't redirecting after submitting form

2 Replies