.map не показывает список (из API)

Question

спасибо заранее !! У меня проблемы, я не знаю, что не так с моей картой, хе-хе. Я новый студент (JS, React, Redux). Должен отображаться список (или хотя бы одно имя, что угодно), но ничего не происходит.

 import React, {Component} from "react";
    import { connect } from "react-redux";
    import { push } from "connected-react-router";
    import { getTrips } from "../../actions/allActions";
    import List from "@material-ui/core/List";

    class ListTrips extends Component {
        componentDidMount() {
          this.props.getTripsAction();
        }

        render() {
          return (
              <List>
                  {
                      this.props.trips.map((trip) => {
                          return(<li>{trip.name}</li>)
                      })
                  }
              </List>
          );
      }
    }

      const mapStateToProps = state => ({
        trips: state.trips.trips
      });

      const mapDispatchToProps = dispatch => ({
        getTripsAction: () => dispatch(getTrips()),

      });

      export default connect(
        mapStateToProps,
        mapDispatchToProps
      )(ListTrips)