Skip to content

Latest commit

 

History

History
23 lines (21 loc) · 1.61 KB

README.md

File metadata and controls

23 lines (21 loc) · 1.61 KB
Raw

The purpose of this repo is to show the issue with auth0 quickstart "React: Call an API". The quickstart example app is supposed to fetch the user metadata from auth0 api. Unfortunately it does not do that and shows "No user metadata defined". I also looked in the the console log and it shows "user is udefined" in Profile.js Interestingly, when app is already running and you modify something in the js file then the user metadata is correctly fetched and shown. I did a screen recording as well.

These are the steps I took to create and run the app

  1. npx create-react-app
  2. npm install @auth0/auth0-react
  3. modify src/index.js as per https://auth0.com/docs/quickstart/spa/react#configure-the-auth0provider-component
  4. create src/Login.js with the content of https://auth0.com/docs/quickstart/spa/react#add-login-to-your-application
  5. add login button to the src/App.js
  6. create src/Logout.js with the content of https://auth0.com/docs/quickstart/spa/react#add-logout-to-your-application
  7. create src/Profile.js file as per https://auth0.com/docs/quickstart/spa/react#show-user-profile-information
  8. added audience and scope in src/index.js as per https://auth0.com/docs/quickstart/spa/react/02-calling-an-api#set-up-the-auth0-service
  9. modified the src/Profile.js as per first code snippet in https://auth0.com/docs/quickstart/spa/react/02-calling-an-api#get-an-access-token
  10. added useEffect hook into src/Profile.js Profile component as per second code snippet in https://auth0.com/docs/quickstart/spa/react/02-calling-an-api#get-an-access-token
  11. run the app with run start --scripts-prepend-node-path=auto