Quiz: Bei null hängen geblieben

1import { useState } from "react";
2
3const bands = [
4    { id: 1, name: "Nachtzüge" },
5    { id: 2, name: "Mondkatzen" },
6    { id: 3, name: "Eulenchor" },
7];
8
9export default function App() {
10    const [favoriten, setFavoriten] = useState([]);
11
12    function zuFavoritenHinzufuegen(id) {
13        const neueFavoriten = favoriten;
14        neueFavoriten.push(id);
15        setFavoriten(neueFavoriten);
16    }
17
18    return (
19        <main>
20            <h1>Favoriten: {favoriten.length}</h1>
21            <ul>
22                {bands.map((band) => (
23                    <li key={band.id}>
24                        {band.name}
25                        <button onClick={() => zuFavoritenHinzufuegen(band.id)}>
26                            ★
27                        </button>
28                    </li>
29                ))}
30            </ul>
31        </main>
32    );
33}