리엑트 비동기 에러

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.

​

경고: 마운트되지 않은 구성 요소에서 React 상태 업데이트를 수행할 수 없습니다. 이것은 작동하지 않지만 응용 프로그램의 메모리 누수를 나타냅니다. 수정하려면 useEffect 정리 함수에서 모든 구독 및 비동기 작업을 취소하세요.

장바구니에 물건을 담고 모달 페이지를 띄울 때 비동기 함수 setTimeout을 이용해서

모달을 다시 줄 때

이 비동기 함수가 완료되기 전에 페이지를 이동하거나 다른 행동을 하면

이 에러가 발생한다

​

해결방안

useEffect(()=>{

return () => setModal(false)

},[])

useEffect의 cleanup function을 이용한다