You're importing a component that needs useEffect. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.

You're importing a component that needs useEffect. 
It only works in a Client Component but none of its parents are marked with 
"use client", so they're Server Components by default.

 

서버 컴포넌트에서 useEffect 사용 시도:

서버 컴포넌트에서는 useEffect와 같은 클라이언트 사이드 훅을 사용할 수 없습니다.

따라서 서버 컴포넌트에서 useEffect를 호출하려고 하면 에러가 발생할 수 있습니다.

 

useClient 호출이 필요한 부모 컴포넌트 없음:

Next.js에서는 특정 컴포넌트가 클라이언트 컴포넌트로 동작하도록 만들기 위해

부모 컴포넌트에 useClient를 명시해야 합니다.

이를 통해 해당 컴포넌트와 그 자식 컴포넌트들이 클라이언트 사이드에서 실행될 수 있게 됩니다.

부모 컴포넌트가 이를 명시하지 않으면 기본적으로 서버 컴포넌트로 처리됩니다.