Auth0 React.js Invalid State on getAccessTokenWithPopup() method

[snurfer0]

I am trying to access the token with pop up using getAccessTokenWithPopup method.

export const getApiAccessToken = async getAccessTokenWithPopup => {
    const audience = "http://localhost/8000"
    let token = await getAccessTokenWithPopup({
        audience: audience,
        scope: "read_write:all"
    }).catch(err => console.error(err))
    console.log(token)

The method catches this error and the token is undefined.

index.js:1 Error: Invalid state
    at e.<anonymous> (auth0-spa-js.production.esm.js:15)
    at auth0-spa-js.production.esm.js:15
    at Object.next (auth0-spa-js.production.esm.js:15)
    at a (auth0-spa-js.production.esm.js:15)

It worked well a few hours ago, something screwed up.

update --------------
after some time of debugging this error appears

Error: Service not found: http://localhost:8000/

[dan.woda]

Hi @snurfer0,

@snurfer0

after some time of debugging this error appears

Error: Service not found: http://localhost:8000/

If I remember correctly, this error means the identifier parameter you passed as the audience is not linked to an API you have registered in the dashboard. Check out this FAQ for more help on what you should pass as the audience:

What is the Audience?

Question: What is the Audience? Answer: The audience parameter exists as part of the OAuth2.0 protocol. You can read more information from the specification here. What is it? The audience (presented as the aud claim in the access token) defines the intended consumer of the token. This is typically the resource server (API, in the dashboard) that a client (Application) would like to access. It can be added to the request to authorize i.e. audience: 'https://test-api' Here is an example where …