useRouter import 경로 혼동

다음 코드에서 버그를 찾으세요:

JAVASCRIPT

'use client';
import { useRouter } from 'next/router';

export default function BackButton() {
    const router = useRouter();
    return (
        <button onClick={() => router.back()}>
            뒤로가기
        </button>
    );
}

답변

useRouter()를 useEffect 안에서 호출해야 함 App Router에서는 next/router 대신 next/navigation에서 useRouter를 import해야 함 router.back() 대신 router.push('/')를 써야 함 'use client' 대신 'use navigation'을 써야 함

로그인 후 제출하기