react-hot-toast 라이브러리의 토스트가 사라지지 않는 문제

Question

현재 react-hot-toast 라이브러리를 사용해서 토스트를 띄워주고 있습니다.

종종 같은 토스트를 여러 번 띄웠을 때, 이전에 띄운 토스트가 사라지지 않는 문제가 발생합니다.
띄운 토스트를 클릭하고 난 뒤에 발생시킨 토스트들이 사라지지 않는 것 같은데 같은 문제가 발생하신 적 있거나 해결하신 분이 계실까요?

이은재 · Answer

안녕하세요. 이전에 같은 문제 겪었던 적이 있어서 답변 드려요.

제가 찾아봤었을 때는 onClick 이벤트가 발생했을 때 토스트의 기본 duration 설정을 무시하는 버그가 있는 것 같았습니다. 조금 된 이슈였는데 아직 해결이 안 되었나보네요.

제가 참고했던 이슈 링크 같이 남깁니다.
https://github.com/timolins/react-hot-toast/issues/128

저는 이슈 하단에서 언급하는 것 처럼 useEffect로 setTimeout 걸어서 특정 시간 뒤에 dismiss 시키도록 지정해주었습니다. Documentation에서 duration 기본값 찾아서 같은 값으로 지정해주었던 것 같습니다. 잘 해결되었으면 좋겠네요.