javascript – Como mudo estado de um atributo de objeto com react Hooks

Olá, pessoal. Eu tenho o seguinte estado com React Hooks:


  const (active, setActive) = useState({
    card1: false,
    card2: false,
    card3: false,
    card4: false,
    card5: false,
    card6: false,
    card7: false,
  });

Gostaria de fazer uma função que recebe um id que seria um card -por exemplo:

function Mudar(id) {
     setActive((prevState) => {
       return { ...prevState, id: true };
     });
}

//depois chamo a função passando Mudar("card1") por exemplo

Mas, ao invés dele mudar o “card1” para true, por exemplo, ele cria um novo atributo id e coloca para true.
Sabem porque isso acontece e como eu posso corrigir?