React ile yazdığım buton bileşeni neden tıklanmıyor, çözüm nedir?

Arkadaşlar selam, uzun zamandır React ile uğraşıyorum ama dün gece saçma bir sorunla karşılaştım. Kendi buton bileşenimi yazdım, onClick ile bir fonksiyon bağladım, ama butona tıkladığımda hiçbir şey olmuyor. Konsola falan bakıyorum, hata da yok. Bileşen şöyle: function Button({ label, onClick }) { return <button onClick={onClick}>{label}</button>; } Çok basit bir yapı, ama nedense tıklama algılanmıyor. Parent component'te de onClick'e bir fonksiyon veriyorum, mesela "console.log('tıklandı')" yazıyorum. Ama konsolda hiçbir şey gözükmüyor. Ne yaptıysam olmadı.

Acaba event prop'larını yanlış mı aktarıyorum? Belki de butonun içinde başka bir element var ve tıklama onu tetikliyor? Yoksa daha derin bir state yönetimi sorunu mu var? Bir de butonun stilini CSS ile değiştirdim, background-color falan verdim, belki de tıklanabilir alanı kapatıyordur? Ama inspect edince buton normal gözüküyor. Sanırım React'ın event sistemiyle ilgili bir şey kaçırıyorum. Sizce nerede hata yapıyor olabilirim?

Bu arada başka projelerimde aynı buton bileşenini kullandığımda sorun yoktu. Sadece bu projede çalışmıyor. Acaba render işlemi mi sorunlu? Belki de bileşeni birden fazla kez render ediyorum ve event binding'ler karışıyordur? Ya da useEffect ile bir temizlik yapmam mı gerekiyor? Gerçekten kafam karıştı. Deneyimli React geliştiricileri varsa, lütfen bir el atsın. Sizin de başınıza geldi mi böyle bir şey? Çözüm için önerilerinizi bekliyorum. Belki benzer bir hatayla karşılaşan olmuştur, paylaşsın da kurtulayım.