Help needed on React Project Jamming

Hi my name is Allie and I’m currently working on the capstone project called Jamming. # 34 says:

Blockquote

In the TrackList component, use the .map() method to render each track in the tracks property.

Set the key attribute to track.id .

This what I did:
class TrackList extends React.Component {
render() {
return (


{
this.props.tracks.map(track => {
return
})
}
        </div>

I checked my code against the walk through video, my code seems identical but I get this error:
×

TypeError: Cannot read property ‘map’ of undefined

TrackList.render

http://localhost:3000/static/js/main.chunk.js:857:26

  854 |     lineNumber: 8,  855 |     columnNumber: 13  856 |   }> 857 | }, this.props.tracks.map(track => {      |                      ^  858 |   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Track_Track__WEBPACK_IMPORTED_MODULE_2__["default"], {  859 |     track: track,  860 |     key: track.id,

I found this video [https://www.youtube.com/watch?v=2zoLlQHKV-w] They suggest removing from Playlist.js. I did so, but I’m still getting the same error! please help!!!