useSearchParams 서버 컴포넌트 사용 오류

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

JAVASCRIPT

// app/search/page.js

import { useSearchParams } from 'next/navigation';

export default function SearchPage() {
    const searchParams = useSearchParams();
    const query = searchParams.get('q');

    return (
        <div>
            <h1>검색 결과: {query}</h1>
        </div>
    );
}

답변

searchParams.get() 대신 searchParams.q를 사용해야 함 useSearchParams 대신 useRouter를 사용해야 함 import 경로가 next/navigation이 아닌 next/router여야 함 useSearchParams는 클라이언트 훅이므로 'use client' 없는 서버 컴포넌트에서 사용 불가

로그인 후 제출하기