Context에 Tanstack-query를 사용하여 리팩토링 중
QueryProvider를 만들어 RootLayout에 적용하면 런타임 에러가 발생함
Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported.
at stringify ()
at stringify ()
at stringify ()
digest: "2376857226"
서버 컴포넌트에서 클라이언트 컴포넌트로 프롭스를 전달하면서 생기는 문제라고 한다.
코드를 보면 현재 QueryClientProvider가 서버사이드 컴포넌트로 작성되어 있다.
provider 컴포넌트를 클라이언트 사이드 컴포넌트로 만들어준다..
변경후 문제없이 동작한다.
