[Next.js] redirectメソッドが効かない時の確認事項

Next.jsでredirectメソッドが効かない時の確認事項について説明します。

Client Componentではredirectメソッドは使えない

Client Componentではredirectメソッドは使えません。Client Componentでページ遷移したいなら、useRouterを使用します。

// import { redirect } from "next/navigation";
import { useRouter } from "next/navigation";
// ...
const router = useRouter();
const handleChange = (e) => {
    // ...
    // redirect("/");
    router.push("/");
}
// ...