Quando eu coloco o return antes de carrinho.map nesse trecho de código:
export const useCarrinhoContext = () => {
const { carrinho, setCarrinho } = useContext(CarrinhoContext);
function mudarQuantidade(id, quantidade) {
return carrinho.map((itemDoCarrinho) => {
if(itemDoCarrinho.id === id) itemDoCarrinho.quantidade += quantidade;
return itemDoCarrinho;
})
}
...
estando com um produto já no carrinho, SEM atualizar a página, eu consigo usar os ícones de + e - para adicionar mais produtos ou reduzir sua quantidade, mas se eu atualizar a página ou deletar todos os produtos que tinham antes no carrinho, eu não consigo mais colocar nenhum produto ao clicar em "Adicionar ao carrinho", o carrinho fica vazio sempre, e eu não consigo mais testar o código. Se eu retirar o return, eu consigo colocar produtos no carrinho novamente, mas colocando o return eu só consigo testar o código mantendo os produtos que eu adicionei antes de recolocar o return, e se eu deletar todos os produtos de novo ou atualizar, ele volta a não aceitar mais que eu adicione produtos no carrinho. Não faço ideia do porque disso, vou deixar meu repositório atualizado aqui, alguém consegue me ajudar, por favor?
