Next.js는 React 라이브러리를 기반으로한 프레임워크다.
나의 리액트 절친 useState 메서드를 사용하려는데 에러 발생
발생 원인 !
Next.js 13부터 도입된 App Router에서는 모든 컴포넌트가 기본적으로 서버 컴포넌트로 처리된다.
이는 Next.js가 **서버 사이드 렌더링(SSR)**을 기본적으로 지원하여 성능과 SEO 최적화를 목표로 하기 때문!
( Next.js 12까지는 서버컴포넌트에서 해당 지시어 없이도 바로 사용할 수 있었지만 버전13부터 서버컴포넌트와 클라이언트 컴포넌트를 구분하게 되었다.)
해결방법
"use client" 지시어를 파일 맨 위에 추가하면 해당 컴포넌트가 클라이언트 컴포넌트로서 문제 없이 동작함.
