use client 사용 시 오류

[규보]

일반적인 상황엔 정상적으로 작동이 되는데,
'use client' 사용 시에는 SyntaxError: "undefined" is not valid JSON를 반환하며 랜더링이 되지 않습니다.




위는 use client를 사용한 사진, 밑은 사용하지 않은 사진입니다.

위는 오류가 나는 컴포넌트 부분, 아래는 해당 컴포넌트를 불러오는 부분입니다.

위 상황 말고도 use client를 사용한 모든 부분에서 저런 오류를 반환합니다. 어떻게 해야 해당 오류를 수정할 수 있을까요?

[codingapple]

설치강의처럼 13.2.4버전 설치했나 확인합시다

[윤현준]

긴급! 도움을 드리고 싶습니다 

우선 저도 같은 에러 때문에 고생을 했어요 ㅠ 
바쁘실 수 있으니 결론부터 말씀드립니다. 

"use client";

위 코드(문구) 를 list/page.js 파일 최상단에 추가해보세요. 그러면 아마 해결이 되실거 같으셔요.. (저는 이렇게 해결했어요)
아 물론 제가 스스로 알아냈을리 전혀 없구요 아래 링크(스택오버플로우)를 참조해서 해결했어요 
https://stackoverflow.com/questions/74965849/youre-importing-a-component-that-needs-usestate-it-only-works-in-a-client-comp



혹시나 하는 마음에 제 코드캡처 이미지도 올려드려요
공부하다 막히면... 의욕 상실되기도 하고 
그날 공부 안하고 게임하러 가게 되죠;; ㅋ
한 번 제가 말씀 드린것 참조해서 해결해보셔요 
 

[윤현준]

아 참고로 

"dependencies": {
    "next": "13.2.4",
    "react": "18.2.0",
    "react-dom": "18.2.0"

13.2.4. 버전이 맞습니다.

[최상혁]

https://tokkic.tistory.com/345

13.3.1 미만의 버전에서는 화살표 함수로 안하면 에러가 나는 버그가 있다고 합니다.
화살표 함수로 바꾸시거나 13.3.1 버전 업데이트 하시면 에러가 해결 됩니다

저는 버전을 올렸어요

[글쓴이]

글