Cannot read properties of undefined (reading 'reduce') about react-spotify-web-playback

[gilbarbara]

Hey @wlhmmxrtz
Your token isn't valid (the 401 error), which might also trigger some other errors.

You can use an ErrorBoundary to prevent the white screen.

[wlhmmxrtz]

Same issue here, website seems to get suddenly blank.

Before:

After entering the access token:

Please note thatI'm a beginner in react and not very experienced in coding so it would be great to know when and if the bug has been fixed.

[websnooze]

@gilbarbara I tried again just now, on your demo page and it gives me this error... :

{
  "error": {
    "status": 401,
    "message": "No token provided"
  }
}

but I gave token... x)

[gilbarbara]

@mathiaslac
Spotify changed their docs and stopped showing the token with the correct permissions on their page.
I've updated the demo to redirect to a page with the proper token. Please try again.

Also, I have a fix for the Devices components not to break if it can't get the devices that I'll publish soon.

[websnooze]

@gilbarbara
I feel the same way :(

{
  "error": {
    "status": 401,
    "message": "No token provided"
  }
}

[gilbarbara]

@mathiaslac
The image implies that you're getting 403 errors, not 401.
403 means your token isn't allowed to perform the operation.

Are you using your own token or copying it from a page that looks like this?

[websnooze]

@gilbarbara
Yes I'm using this token given from this page

[gilbarbara]

Fixed in v0.14

[websnooze]

retried using your demo page, my account is premium but got

[gilbarbara]

Hey @mathiaslac

The Spotify app used in the demo is not approved by Spotify yet, so you might get some errors.
Generate a user token on your own and try it. The token needs to start with BQ

[Johnnywrightiv]

I'm having the same issue with the 403 on the demo page. My account is premium and I'm using the token from the given page with the green background pictured above. Is there a way to generate my own user token to test and does it have to do with the dev clientID? I'm still fairly new to authentication and tokens. sorry for necro bump

[gilbarbara]

Hey @Johnnywrightiv

Yeah, the direct token flow is broken for now.
You'll definitely need your own token to use the player in an app.
Check out the Spotify docs
You'll need to use a flow that provides a token to access user resources, such as an Authorization code.