Hi everyone, I am having a problem with my React SPA on auth0. I have a custom login page and I can use it perfectly when on desktop and using Chrome.
I am storing the token on local storage and everything is working perfectly for me and my friends. We can creatle multiple accounts and access them.
The problem is that I can only access on my PC, but when I go to incognito or use other computer or browser it stops working. It is not a local storage issue, I can go on application and clear site data, and still works normally for me, but not in incognito or other computer/mobile.
My collegues also can use normally and we even create multiple tests accounts and login.
Basically I get redirected to ‘https://MY-WEBSITE/redirect#error=server_error&error_description=Unable%20to%20configure%20verification%20page.&state=drHoYw9O7Onh646GgVYUxkLooTU0AQvR’
Also, when I add my website to the fallback URL, it redirects to one Auth0 login URL but it does not redirects me back to my application.
Here is the URL that is redirected:
https://MY-WEBSITE.us.auth0.com/authorize?client_id=MY-CLIENT-ID
&scope=openid%20profile%20email%20offline_access
&audience=PRIVATE-INFORMATION
&realm=Username-Password-Authentication
&redirect_uri=https%3A%2F%2FMY-WEBSITE%2Fredirect
&response_type=token%20id_token
&state=PRIVATE-INFORMATION
&login_ticket=PRIVATE-INFORMATION
&auth0Client=PRIVATE-INFORMATION
It basically goes to this URL with all my user information and stops, it does not redirect me back to my application.
Devices and Browser:
Macbook
Iphone 13
Google Chrome, Safari and Firefox
Here is the Auth0 log when I get some error:
{
“date”: “2023-04-01T03:33:28.434Z”,
“type”: “fcoa”,
“description”: “Unable to configure verification page.”,
“connection_id”: “”,
“client_id”: “PERSONAL-INFORMATION”,
“client_name”: “PERSONAL-INFORMATION”,
“ip”: “PERSONAL-INFORMATION9”,
“user_agent”: “Firefox 111.0.0 / Mac OS X 10.15.0”,
“details”: {
“body”: {},
“qs”: {
“client_id”: “PERSONAL-INFORMATION”,
“scope”: “openid profile email offline_access”,
“audience”: “https://MY-WEBSITE.us.auth0.com/api/v2/”,
“realm”: “Username-Password-Authentication”,
“redirect_uri”: “https://MY-WEBSITE/redirect”,
“response_type”: “token id_token”,
“state”: “PERSONAL-INFORMATION”,
“nonce”: “PERSONAL-INFORMATION-”,
“login_ticket”: “PERSONAL-INFORMATION”,
“auth0Client”: “PERSONAL-INFORMATION=”
},
“error”: {
“message”: “Unable to configure verification page.”,
“oauthError”: “server_error”,
“type”: “oauth-authorization”
},
“session_id”: “PERSONAL-INFORMATION”,
“riskAssessment”: null
},
“hostname”: “MY-WEBSITE.us.auth0.com”,
“audience”: “https://MY-WEBSITE.us.auth0.com/api/v2/”,
“scope”: [
“openid”,
“profile”,
“email”,
“offline_access”
],
“auth0_client”: {
“name”: “auth0.js”,
“version”: “9.20.2”
},
“log_id”: “PERSONAL-INFORMATION”,
“_id”: “PERSONAL-INFORMATION”,
“isMobile”: false,
“id”: “PERSONAL-INFORMATION”
}
And these are the libs that I am using:
“@auth0/auth0-react”: “^2.0.0”,
“auth0-js”: “^9.20.2”,
And here are some references in my code: