Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SP2/hotfix] 하이드레이션 에러 해결 #277

Merged
merged 4 commits into from
Nov 13, 2023

Conversation

solar3070
Copy link
Member

Summary

Screenshot

image

아이패드에서 새로고침시 아래와 같이 렌더링이 제대로 되지 않는 이슈가 있었습니다. 맥북 및 안드로이드 폰에서는 가끔 일어나는 듯하고 아이패드에서는 새로고침마다 반복됩니다. 현재 배포 환경에서 보이고 있는 오류이기 때문에 hotfix를 달았습니다.

KakaoTalk_Video_2023-11-13-09-29-46.mp4

에러의 근원은 프로젝트 페이지의 최근 출시된 프로젝트 목록 컴포넌트였습니다. 여기서는 useQuery를 사용 중이고, suspense를 통해 데이터 로딩시 fallback UI를 보여주고 있습니다. 하지만 데이터를 로드하는 부분이 서스펜스 바운더리 바깥에 있었기 때문에 에러가 발생하였습니다.

Comment

  • 원인 찾는다고 잠을 못자서.. 지금 자러 갑니다.. 가능한 한 빨리 머지하는 게 좋을 것 같은데 이상이 없다고 판단되면 다른 분이 머지해주시면 감사하겠습니다..

Copy link
Contributor

@f0rever0 f0rever0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

헉 그렇군요...! useQuery에서 suspense 내부에서 데이터를 로드해야한다 저번 모각공할때 블로그탭에서도 비슷한 에러?를 마주했던 것 같네요!!
이 점 유념해서 다음 번에 코드 작성할때 데이터 로드 코드를 작성해야겠어요!
고생하셨습니다!!!

@SeojinSeojin
Copy link
Member

너무너무 수고 많으셨습니다!! 머지하고 배포할게요!!

@SeojinSeojin SeojinSeojin merged commit 64a13df into develop Nov 13, 2023
1 check passed
@SeojinSeojin SeojinSeojin deleted the fix/#276-hydration-error branch November 13, 2023 02:08
SeojinSeojin pushed a commit to SeojinSeojin/sopt.org-frontend that referenced this pull request Nov 13, 2023
SeojinSeojin added a commit that referenced this pull request Nov 13, 2023
Squashed commit of the following:

commit 9cc48db
Author: f0ever0 <[email protected]>
Date:   Mon Nov 13 17:26:27 2023 +0900

    feat : blog url redirect 설정

commit 92c8caa
Author: f0ever0 <[email protected]>
Date:   Mon Nov 13 17:23:29 2023 +0900

    fix : 메인페이지 활동후기 더보기 url 변경

commit 64a13df
Author: Hyejun Lee <[email protected]>
Date:   Mon Nov 13 11:08:14 2023 +0900

    [SP2/hotfix] 하이드레이션 에러 해결 (#277)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

하이드레이션 에러 해결
3 participants