[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('/');
}
// ...