Kvíz: Pořád nula

import { useState } from "react";

const kapely = [
    { id: 1, nazev: "Noční vlaky" },
    { id: 2, nazev: "Měsíční kočky" },
    { id: 3, nazev: "Sový sbor" },
];

export default function App() {
    const [oblibene, setOblibene] = useState([]);

    function pridejOblibenou(id) {
        const noveOblibene = oblibene;
        noveOblibene.push(id);
        setOblibene(noveOblibene);
    }

    return (
        <main>
            <h1>Oblíbené: {oblibene.length}</h1>
            <ul>
                {kapely.map((kapela) => (
                    <li key={kapela.id}>
                        {kapela.nazev}
                        <button onClick={() => pridejOblibenou(kapela.id)}>
                            ★
                        </button>
                    </li>
                ))}
            </ul>
        </main>
    );
}