はてなブックマーク

メモリリークで怒られるパターン useEffect 内で非同期処理を書くと次のようなエラーで怒られることがあります。 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. これはコンポーネントがアンマウントされた状態で、アンマウントされたコンポーネントのlocal stateを変更したときに発生します。 人為的にこのエラーを引き起こしてみます。 // App.tsx import React,