لماذا تظهر مصفوفة فارغة عند تطبيق الevent

السلام عليكم.

أريد تكوين مصفوفة تحتوي كل عنصر قمت بالنقر عليه.

المشكل هو ظور مصفوفة فارغة عند أول نقر.

  const [productFav,setProductFav] = useState([])

  const handleLike = (id) => {
    const likedProduct = data.find(item => item.id === id)
    setProductFav([...productFav,likedProduct])
    console.log(productFav);
  }

شكرا على المساعدة.