so I'm trying to pass the player array as props to the App component then use mapping to iterate over initialPlayers and return a player component for each object in the array. Please check the below image. 

This is the App.js page.
ReactDOM.render is in index.js.

I receive this error:[![enter image description here](https://i.stack.imgur.com/mIGTG.png)](https://i.stack.imgur.com/mIGTG.png)

TypeError: Cannot read property 'initialPlayers' of undefined

Any good and quick advice please?

Thank you

```
class App extends Component {
constructor(props) {
    super(props);
    this.state = {};
}

render() {

    const players = [

        { name: "Dex",
            score: 33
        },
        {
            name: "Rocko",
            score: 61
        },
        {
            name: "Lance",
            score: 29
        },
        {
            name: "Zane",
            score: 42
        },

    ];

ReactDOM.render(
  <React.StrictMode>
    <App players />,
  </React.StrictMode>,
  document.getElementById('root')
);

```