[ERROR] TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it.

TypeError: createContext only works in Client Components. Add the "use client" directive at the top of the file to use it.

원인 

Next.js 13 app router 를 사용할 경우, React 관련 기능을 쓰려면 클라이언트로 컴포넌트로 작성해야 된다.

 

해결방안

Next.js에서는 컴포넌트가 클라이언트에서 작동하라고 지정하는 디렉티브를 쓴다.

파일 첫 줄에 'use clinet' 라고 입력하면, 그 파일은 자동으로 클라이언트 컴포넌트로 취급되고 컴파일된다.

 

 

https://mycodings.fly.dev/blog/2022-11-17-nextjs-13-client-component