Stale closure problemi nedir? React'te nasıl ortaya çıkar?

Bir fonksiyon, oluşturulduğu render'daki değerleri yakalar. O fonksiyon sonraki render'larda da çalışmaya devam ederse eski (bayat) değerleri görür.

function Kronometre() {
  const [saniye, setSaniye] = useState(0);

  useEffect(() => {
    const id = setInterval(() => {
      setSaniye(saniye + 1);   // saniye her zaman 0 → ekranda hep 1
    }, 1000);
    return () => clearInterval(id);
  }, []);                       // effect bir kez çalıştı, ilk closure'ı tutuyor
}

Çözümler:

• Fonksiyonel güncelleme: setSaniye(s => s + 1)
• Değeri bağımlılık dizisine eklemek (effect her değişimde yeniden kurulur)
• En güncel değeri bir useRef içinde tutmak