问我无法在获取api Reactjs中设置状态值

EN

const postData = async (searchInputValue,payload) => {
    const response =  await fetch("https://smarty.kerzz.com:4004/api/mock/getFeed", {
        body: JSON.stringify(payload),
        headers: {
            Accept: "application/json",
            Apikey: "bW9jay04ODc3NTU2NjExMjEyNGZmZmZmZmJ2",
            "Content-Type": "application/json"
        },
        method: "POST"
        })
    const data = await response.json()
    let arr =[...cards]
    console.log(cards)
    data.response.forEach((item, idx)=>{
       arr.push(item)

    })
    console.log(arr)  //[]
    setCards(arr)
    let a = counter + 1
    let new_payload = payload;
    new_payload.skip += 10*a
    setPayload(new_payload)
    setCounter(a)
 }

useEffect(()=>{
 // İlk yükleme sırasında lokasyon verisini alıp fonksiyonu çağırıyoruz. Aldığımız lokasyon 
verisine göre işlemlere devam edeceğiz.
findLocation();
window.addEventListener('scroll' , ()=>{
  let screen_height = window.innerHeight;
  let scrollTop = document.documentElement.scrollTop;
  var body = document.body,
  html = document.documentElement;

  var body_heigth = Math.max( body.scrollHeight, body.offsetHeight, 
                    html.clientHeight, html.scrollHeight, html.offsetHeight );
  
  if(scrollTop + 1 > body_heigth - screen_height && isloading === false && checked === false){ 
    setIsloading(true)
    postData(searchInputValue , payload)
  }
})
},[])