よくある落とし穴：Stale ClosureとDepsの不足

目的：2つのよくある問題、つまりstale closure（エフェクトが古い値を見ること）と依存関係の不足（必要なタイミングでエフェクトが再実行されないこと）を見つけて修正します。

stale closureとは、関数（タイマーやリスナー）が以前のレンダー時の古い値を取り込んでしまう状態です。

• エフェクトが最新のstateを参照できない
• タイマーが誤った値を増やす

このインターバルは古いcountを取り込んでいます。エフェクトの依存配列が空なので、更新された値を参照できません。

簡単な修正方法は2つあります。

• 依存関係を追加する：エフェクトを再実行して最新の値を使えるようにします。
• 関数型更新：setCount(c => c + 1)を使うと、タイマーやリスナーの内部で最新のstateを読み取れます。

関数型更新を使うと、コールバックは常に最新の値を受け取れます。タイマーを解除するクリーンアップも残しておきます。

依存関係の不足があると、エフェクトが更新を取りこぼします。次の点を確認してください。

• 内部で使用するすべてのリアクティブな値を列挙する
• setterでは関数型更新を優先する
• 安定したコールバックはエフェクト内で定義するか、必要に応じてメモ化する

まとめ：stale closureは、コールバックが古い値を取り込むことで発生します。正しい依存関係を追加するか、関数型更新を使って修正します。タイマーやリスナーのクリーンアップも維持してください。