Cannot fetch User Profile data attributes in React JS app

arup.sarkar · December 6, 2021, 10:00pm

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:

dan.woda · December 9, 2021, 10:43pm

Hi @arup.sarkar,

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

arup.sarkar · December 14, 2021, 4:48am

I have 3 js files

Auth0.js
Auth0Logout.js
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

github.com

arupsarkar/sfdc-identity-flows/blob/main/client/src/components/Header/Header.js

import React from 'react';
import PropTypes from 'prop-types';
import styles from './Header.module.css';
import {AppBar, Container, CssBaseline, Menu, Toolbar, Typography} from "@mui/material";
import {Link} from "react-router-dom";

const Header = () => {
    return (
        <AppBar position={"static"}>
            <CssBaseline/>
            <Container maxWidth="xl">
                <Toolbar disableGutters>

                    <div>
                        <Typography
                            variant="h6"
                            noWrap
                            component="div"
                            sx={{ mr: 2, display: { xs: 'none', md: 'flex' } }}
                        >

This file has been truncated. show original

Go to https://sfdc-identity-flows.herokuapp.com
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.
Thanks,

arup.sarkar · December 14, 2021, 4:54am

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”: “204.14.236.218”,
“user_agent”: “Chrome Mobile 96.0.4664 / Android 6.0.0”,
“details”: {
“code”: “*************cxB”
},
“hostname”: “dev-2xjf75by.us.auth0.com”,
“user_id”: “”,
“user_name”: “”,
“auth0_client”: {
“name”: “auth0-react”,
“version”: “1.8.0”
},
“log_id”: “90020211214045127480901660837889504280541296021076967426”,
“_id”: “90020211214045127480901660837889504280541296021076967426”,
“isMobile”: true
}