Estoy trabajando en un carrito de compras ReactJs y Redux. El problema es que el artículo que agrego al carrito está como indefinido en el carrito y no se muestra.
Aquí está la acción para agregar al carrito:

 export const addToCart = ( { item }) => { return (dispatch) => { return ( dispatch({ type: ADD_TO_CART, payload: { id: item?.id, name: item?.name, brand: item?.brand, quantity: item?.quantity, } }) ) } }

Reductor de carro:

 const initialState = { cart: [], } export default function addToCartReducer(state=initialState, action) { switch(action.type){ case ADD_TO_CART: return { ...state, cart:[...state.cart, { id: action.payload.id, name: action.payload.name, brand: action.payload.brand, quantity: action.payload.quantity }] }; default: return state } }

Y este un fragmento de MyComponent:

 import React, { Component } from 'react' import { connect } from 'react-redux' import { addToCart } from '../Actions/actions' export class MyComponent extends Component { render(){ return( <section> <button onClick = {()=>this.props.addToCart(this.props.selectedItem)} ADD TO CART </button> </section> const mapStateToProps = (state) => { return { selectedItem: filterAttributesSelector(state), } } export default connect(mapStateToProps, {addToCart})(MyComponent) ) } }

Si inicio sesión en la consola this.props.selecteditem , todas las claves están definidas. Pero si agrego un artículo al carrito y lo registro en la consola, las claves no están definidas.
¿Podría por favor decirme qué está mal?
Gracias !