[Error] 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.

[Error] 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.

언마운트된 컴포넌트에 대해서는 상태 업데이트를 수행할 수 없기 때문에, 해당 작업은 수행되지 않지만 메모리 누수가 발생된다고 말하고 있다. 이를 해결하기 위해서는 useEffect의 cleanup function 을 쓸 것을 권하고 있다.

Reference

• https://velog.io/@ohgoodkim/-%EC%97%90%EB%9F%AC%EB%85%B8%ED%8A%B8-Cant-perform-a-React-state-update-on-an-unmounted-component