card не обновляется с помощью setCard react

const [card, setCard] = React.useState([]);

function createCard() {
    user.boards.map(item => item.cards.push({title: titleCard}));
    setTitleCard('');

    createCardRef.current.classList.add('block-hidden');
    addCardRef.current.classList.remove('block-hidden');

    localStorage.setItem('user', JSON.stringify(user));

    // обновляю card
    user.boards.forEach(item => setCard(item.cards));
    console.log(card) // []
}

Когда выводишь console.log(card), то он [ ];