Merhaba.
Arkadaşlar useState kullanırken anlamadığım şekilde çalışmıyor.
useEffect ile component oluşturdum. Oluşturduğum componente click eventi ekledim ve bu event ile state'imi set etmeye çalışıyorum fakat state değerim değişmiyor. Yardımcı olur musunuz nerede hata yapıyorum.

useEffect(() => {

    const divAnnouncement = document.querySelector('#divAnnouncement')

    const announcements = posts.map((post) => {
      const newHeader = document.createElement('h1')
      newHeader.innerHTML = post.post

      const newDiv = document.createElement('div');
      newDiv.style.backgroundColor = '#FFEDDA'
      newDiv.style.width = '300px'
      newDiv.style.height = '100px'
      newDiv.style.marginTop = '10px'
      newDiv.style.borderRadius = '15px'
      newDiv.style.textAlign = 'left'
      newDiv.addEventListener('click',()=>{
      setGetAnnouncement(!getAnnouncement)
      console.log(getAnnouncement);
    })
      newDiv.appendChild(newHeader)
      divAnnouncement.appendChild(newDiv)
    })

  }, [])