개요Next.js(App Router)로 개발을 하다 보면 Context API, Query Client, 또는 Theme Provider를 설정할 때 한 번쯤 이런 에러를 마주치게 됩니다. "Error: Next.js Server Components do not support Context." 보통 layout.tsx에 바로 Provider를 작성하려 할 때 발생합니다. 이번 글에서는 왜 layout.tsx를 별도의 Providers 컴포넌트로 감싸야 하는지, 그 구조적 이유와 이점에 대해서 공부한 내용을 정리해보고자 합니다. 왜 에러가 날까❓Next.js의 App Router는 기본적으로 모든 컴포넌트를 서버 컴포넌트(Server Components)로 간주합니다. 하지만 React Context,..
