making a post request inside mapDispatchToProps in react-redux

I’m trying to make a post request inside a function whenever i click on a button.
here is the code of the button

<Button onClick={handleClick}>Add to Cart</Button>

and here is the `handleClick funcion:

const handleClick = (event) => {

        event.preventDefault(); 
        props.postCart(itemData.product_name, itemData.product_price);
    }

and here i showcase the code of mapDispatchToProps function:

const mapDispatchToProps = dispatch => {

    return {

        postCart: (productName, productPrice) => dispatch(postAddToCart(productName, productPrice))
    }
}

finally the code of postAddToCart:

export const postAddToCart = (productName, productPrice) => {

    const email = sessionStorage.getItem('email');

    return (dispatch) => {

        dispatch(productName, productPrice);
        //REST API endpoint
        axios.post('http://localhost:8000/api/auth/add-to-cart', {

            email:email, 
            
        })
        .then(resp => {

            dispatch({

                type: actionTypes.ADDED_TO_CART, 
                status: resp.status
            });
        })

        .catch(resp => {

            dispatch({

                type: actionTypes.ADDED_TO_CART, 
                status: "FAILED"
            });
        })

    }

}

But whenever i click the button Add to cart i get the following error:

Error: Actions must be plain objects. Use custom middleware for async actions.
knowing that i’m using the redux-thunk middleware.

Can you please tell me what’s the problem and how can i fix it ? thank you ^^. if i missed something tell me in comments to add it ^^