Cannot fetch User Profile data attributes in React JS app

I am following the sample code for authenticating users using Auth0 using react js. Auth0 React SDK Quickstarts: Login

The tutorial has 3 parts a) Login b) Logout c) User Profile
a) Login part is working fine, I can verify the logs in Auth0 as well.
b) I am trying to click on the User profile, isAuthenticated is ‘false’, I have 3 separate components, I am hoping that state is internally managed. Please let me know if I have to hook up redux to do additional plumbing of state.

  • Which SDK this is regarding: e.g. auth0-react
  • SDK Version: e.g. 1.8.0
  • Platform Version: e.g. React 17.0.2
  • Code Snippets/Error Messages/Supporting Details/Screenshots:

Hi @arup.sarkar,

Can you please share with us you are getting the user profile information and how your implementation differs from the quickstart?

I have 3 js files

  1. Auth0.js
  2. Auth0Logout.js
  3. Auth0UserProfile.js

Auth0Logout and Auth0UserProfile are in my NavBar link. All the 3 .js files are react components and the code is exactly the same as in the quick samples.

This has the Header.js where I have exposed the Auth0Logout and Auth0UserProfile

Go to
click on Auth0 you will be redirected, sign up with new credentials it is fine, please let me know I can delete it later on.
Now, after authentication if you click in user profile or logout isAuthenticated is false.

Please let me know if you need any additional info.

FYI, in Monitoring I am getting
Success Login
Failed Exchange

back to back
Below is from Failed Exchange log:

“date”: “2021-12-14T04:51:23.949Z”,
“type”: “feacft”,
“description”: “Unauthorized”,
“connection_id”: “”,
“client_id”: “spqKYK1nHx6bnD4TFtjCDlo9wJBcUfld”,
“client_name”: null,
“ip”: “”,
“user_agent”: “Chrome Mobile 96.0.4664 / Android 6.0.0”,
“details”: {
“code”: “*************cxB”
“hostname”: “”,
“user_id”: “”,
“user_name”: “”,
“auth0_client”: {
“name”: “auth0-react”,
“version”: “1.8.0”
“log_id”: “90020211214045127480901660837889504280541296021076967426”,
“_id”: “90020211214045127480901660837889504280541296021076967426”,
“isMobile”: true