AVERTISSEMENT: TYPE DE PLUS ÉCHELLE: La PROP `LEADS` est marquée comme requise dans` LEADS`, mais sa valeur est «indéfinie»

J'essaie ce tutoriel pour afficher des informations dans ma table en utilisant React et Redux, mais je continue à recevoir cette erreur:

Avertissement: Echec du type de prop: le prop mène est marqué comme requis dans Leads , mais sa valeur est undefined Erreur de type non interceptée: impossible lire la propriété 'map' de Leads.js indéfinis: 52

Mon code:

import React, { Component, Fragment } from "react";
import { connect } from "react-redux";
import PropTypes from "prop-types";
import { getLeads } from "../../actions/leads";

export class Leads extends Component {

  static propTypes = {
    leads: PropTypes.array.isRequired,
  };

  componentDidMount() {
    this.props.getLeads();
  }

  render() {
    return (
      <Fragment>
        <h2>Leads</h2>
        <table className="table table-striped">
          <thead>
            <tr>
              <th>ID</th>
              <th>Name</th>
              <th>Email</th>
              <th>Message</th>
              <th />
            </tr>
          </thead>
          <tbody>
            {this.props.leads.map(lead => (
              <tr key={lead.id}>
                <td>{lead.id}</td>
                <td>{lead.name}</td>
                <td>{lead.email}</td>
                <td>{lead.message}</td>
                <td><button className="btn btn-danger btn-sm">Delete</button></td>
              </tr>
            ))}
          </tbody>
        </table>
      </Fragment>
    );
  }
}

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

export default connect(
  mapStateToProps,
  { getLeads }
)(Leads); 

Qu'est-ce que je fais mal?