인프런 커뮤니티 질문&답변

김인범님의 프로필 이미지

작성한 질문수

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

새글쓰기 기능 구현

error 관련하여

해결된 질문

22.08.27 22:19 작성

·

202

1

text contents does not match server-sided HTML이라는 오류가 뜨는게 혹시 어떻게 해결할 수 있을까요? 검색해도 마땅히 제대로 된 답이 안나오네요. 그리고 왜 여기서는 그런 오류가 안생기는지 궁금합니다!

답변 1

0

정재남님의 프로필 이미지
정재남
지식공유자

2022. 08. 29. 18:34

해당 경고메시지는 서버에서 내려주는 데이터와 클라이언트에서 최초로 렌더링하는 데이터가 불일치할 때 발생합니다. getServerSideProps에서 전달(return)하는 데이터가 컴포넌트에 온전히 전달되고 있는지, 나아가 해당 컴포넌트 최초 렌더링시에 해당 데이터를 바탕으로 렌더링이 이뤄지고 있는지를 확인해보시기 바랍니다.

강의 챕터 중 어떤 시점에서 해당 경고가 발생하는지를 알려주시면 보다 자세히 답변드릴 수 있을 것 같습니다.