Bug: MemeShareModal 애니메이션 오류

[ojj1123]

정보

• 담당자 : @ojj1123
• 개요 :
• 기한 :

상황

이 버그가 왜 생겼는지 문제 상황에 대해 서술합니다.
#10 에서 언급한 문제

• MemeShareModal 에서 밈 상세 API 호출 관련 이슈 1b9f658
  • Suspense 와 CSSTransition 간 서로 호환이 좋지 못해 애니메이션이 정상적으로 먹지 않음
  • fadeInOut css animation으로 수정했으나 Suspense와 함께 사용했을 때 처음에 query cache가 없을 경우 애니메이션이 먹지 않음(cache가 있을때는 정상적으로 작동)
    • Modal 애니메이션은 fadeInOut으로 수정한 commit e83f668
    • fadeInOut 애니메이션으로 하는 경우, Modal close 할 때 unmount 되지 않는 문제가 있어 각 밈 별로 MemeShareModal을 open했을 때 렌더링한 element가 계속 남아있음
  • Discord 대화 내용 - MemeShareModal과 Animation , Suspense 관련 문제 -> 아래 2번으로 결정
    • 해당 PR merge 후 suspense: false 인 밈 상세 API query를 요청하는 것으로 수정, CSSTransition 사용
      

해결책

어떻게 해결되어야 하는지, 어떤 결과를 가져야 하는지 서술합니다.

• suspense: false 인 밈 상세 API query를 요청하는 것으로 수정, CSSTransition 사용

체크리스트

• suspense: false 인 밈 상세 API 쿼리 제작