Anyone get stuck on Step 34/35 of the "Jammming" Spotify Playlist project?

I cannot get the hard-coded tracklist to display as an array when I run the page. Here’s how my TrackList component looks:

class TrackList extends React.Component {
    render () {
        return (
            <div className="TrackList">
        {this.props.tracks &&
          this.props.tracks.map(track => {
            return (
              <Track track={track}
                             key={track.id}/>
                    )})
                }
                </div>

        )
    }
}

And here is how my Playlist component looks:

class Playlist extends React.Component {
  render () {
    return (
      
      <div className="Playlist">
        <input defaultvalue={"New Playlist"}/>
        <TrackList />
        <button className="Playlist-save">SAVE TO SPOTIFY</button>
      </div>

    )
  }
}

I fixed the undefined map property error I was getting by using code that was posted by someone under the youtube video for the support video. Unfortunately the website still renders without the tracks being listed on the page. I checked the components in the react dev tools tab in chrome and I can see the array in the searchResults component. Can anyone else see what I am doing wrong and guide me towards getting the tracklist to work please?

Thank you for your time!