[NestJS] You're importing a component that needs useState. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default. 에러 해결

 

Error

NestJS에서 react useState 사용시 아래와 같은 에러 발생.

× You're importing a component that needs useState. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.
  │ Learn more: https://nextjs.org/docs/getting-started/react-essentials

 

 

반응형

---

 

Solution

Nestjs는 기본적으로 서버 컴포넌트를 사용하는데 useState와 같은 클라이언트 컴포넌트를 사용하려고 해서 에러가 발생한것.

참고 : https://nextjs.org/docs/app/building-your-application/rendering/server-components

 

 

아래와 같이 "use client" 라는 텍스트를 클라이언트 컴포넌트 상단에 추가해주면 됨!

 

 

---

Thank you!