Uncaught TypeError: Cannot read properties of undefined (reading 'access_token') in navbar.jsx

[jeffclaybrook]

Hi,

Whenever I add the {access_token ? <>...<> : <>...<>} part of the Navbar code, I get the following error:

Uncaught TypeError: Cannot read properties of undefined (reading 'access_token') in navbar.jsx

Where do I set the value of the access_token?

Any feedback would be appreciated!

[ayushku-dev]

Actually the value of access_token is fetched from App component through UserContext.

export const UserContext = createContext({});

useEffect(() => {
let userInSession = lookInSesseion("user");

    userInSession ? setUserAuth(JSON.parse(userInSession)) : setUserAuth({ access_token : null });

}, [])

Do you have this declared in your App.jsx file?