Me gustaría mostrar una lista de Piezas de arte favoritas usando ganchos, la matriz en realidad se crea en favs , pero no sé cómo conectarme a favoritos usando setFavorites . Aquí está mi código simplificado:

 import artData from "../data/data.json"; function App() { const [favorites, setFavorites] = useState([""]); let favs = []; const updateFav = (ev) => { const selectedArt = parseInt(ev.currentTarget.id); const objectClicked = artData.find((art) => { return art.id === selectedArt; }); const favFounded = favs.findIndex((fav) => { return fav.id === selectedArt; }); if (favFounded === -1) { favs.push(objectClicked); } else { favs.splice(favFounded, 1); } console.log(favs); //setFavorites(favs); }; return ( <> <button className="fav" id={art.id} onClick={updateFav}> <h2 className="fav__title"> here are your favorites list..</h2> <ul className="fav__list"> <li className="fav__list--element"> //the idea here is to map my favorites list once I can fix the problem </li> </ul> </> );

Gracias,