Estoy intentando guardar los productos de mi carrito con un context, pero cada vez que le doy al boton de agregar me tira el siguiente error:
TypeError: addItem is not a function
El codigo es el siguiente
import React, { useContext, useState, createContext } from "react";
const CartContext = createContext();
const useCartContext = () => useContext(CartContext);
export const CartProvider = ({ children }) => {
const [productos, setProductos] = useState([]);
const addItem = ({
title,
volumes,
start_date,
end_date,
image_url,
score,
mal_id,
}) => {
setProductos([
...productos,
{ title, volumes, start_date, end_date, image_url, score, mal_id },
]);
};
return (
<CartContext.Provider value={{ addItem }}>{children}</CartContext.Provider>
);
};
export default useCartContext;
const ItemDetailContainer = () => {
const [mangasId, setMangas] = useState([]);
//Context
const { productos, addItem } = useCartContext;
const { id } = useParams();
function onAdd(cantidad) {
addItem({
title: mangasId.title,
});
}
Desde ya muchas gracias!
CartProvider
esta envolviendo a la app. saludos