I am stuck on jammming step 88. I have hooked it up to spotify and am successfully fetching tracks through the search bar, but when passed to tracklist it gives me the “map is not a function” error. I double checked with a console.log(this.props.tracks) and it shows a promise with an array of 20 tracks, so I am not sure why this is happening. Any ideas?
import React from 'react';
import './Tracklist.css'
import Track from '../Track/Track'
class TrackList extends React.Component {
render() {
return (
<div className="TrackList">
{this.props.tracks.map(track => <Track key={track.id} track={track} onRemove={this.props.onRemove} onAdd={this.props.onAdd} />)}
</div>
);
}
}
export default TrackList;