I am not even sure I asked it right. I am making an app using the spotify API. I use the base code from their site: https://github.com/spotify/web-api-auth-examples/blob/master/authorization_code/app.js. You might need to read the “Authorization code flow” part of the following link before you understand what is going on: https://developer.spotify.com/documentation/general/guides/authorization-guide/

Basically with the spotify api, you need an access token to be able to access any endpoint. Before i implemented react router, the token persisted on the url you will normally see here:

So it would be localhost:3000/accesstoken=gibberish no matter what component was being rendered. It would just stay like that.

If you look at line 107 on the GitHub link, it allows me to make api calls from my browser by passing the token to my browser. In my case that’s localhost:3000

my code

Now i am trying to implement routing but the token disappears from the URL:

token in URL

Previously, since I did not have routes, all components would be rendered under http://localhost:3000. but now……

token disappears when i change components(routes)

I am guessing its not persisting because the res.redirect only says add access token to “http://localhost:3000/#” but now that i have specified links, Its not working anymore. The thing is, I need that token to be on all routes. I dont know how to put the access token in the path considering it changes dynamically so i cant hard code it. Do i pass the token to all routes as a prop?