Викторина: застрял на нуле

1import { useState } from "react";
2
3const bands = [
4    { id: 1, name: "Ночные поезда" },
5    { id: 2, name: "Лунные коты" },
6    { id: 3, name: "Совиный хор" },
7];
8
9export default function App() {
10    const [favorites, setFavorites] = useState([]);
11
12    function handleFavorite(id) {
13        const newFavorites = favorites;
14        newFavorites.push(id);
15        setFavorites(newFavorites);
16    }
17
18    return (
19        <main>
20            <h1>Избранное: {favorites.length}</h1>
21            <ul>
22                {bands.map((band) => (
23                    <li key={band.id}>
24                        {band.name}
25                        <button onClick={() => handleFavorite(band.id)}>
26                            ★
27                        </button>
28                    </li>
29                ))}
30            </ul>
31        </main>
32    );
33}