gsap timeline 진행 중 state(상태) 변경 시 애니메이션 끊김

문제

gsap timeline 진행 중 state 변경 시(useState로 상태 값 변경 시) 애니메이션이 끊기고 요소가 사라지는 현상이 발생.

코드. 특별한 건 없다.

 

문제 화면 - 메뉴 모달 오픈 시 뒤에 텍스트(애니메이션(트윈)) 사라짐

 

 

해결

timeline을 useRef를 사용하여 변하지 않도록 저장한다.

 

코드

해결된 화면