Error "Cannot read properties of undefined"


I am working on the “jamming” project in the full-stack engineering path.

I have following the steps untill 34-35 but I am getting the error ’ TypeError: Cannot read properties of undefined (reading ‘map’)’

here is the github link to my files,

Can somebody help understanding where the problem is? Ig I console log the track props it exists and is not empty (also checking the reack console the prop is passed correctly to the tracklist component)

I am also following the solution and it looks like the same…

Thanks for any help :slight_smile:

Hi my name is Allie Newton. I’m also currently working on the Jammming project; and I’m getting the same error from step 34! I was searching for a resolution when I came across your post. Have you had any luck? If so, please let me know and I’ll do the same if I find anything :slightly_smiling_face:

Thanks and good luck!


I found the solution!

The issue is in the Playlist component. Maybe, if you did like me you deleted all the comments in the HTML file and replace them with a placeholder for the component. In the playlist component, I added a without passing props (and tracklist is expecting props).

Well, now the issue is that both playlist and tracklist show the same results…because we do not have yet an array to pass so either we comment out the component in the or you pass another hardcoded array

I hope it helps

It worked! :grin: Thank you! :+1:t3: