Okta React idToken undefined errors

paran01d · August 20, 2018, 5:01am

Hi,
Im having a problem with my okta-react integration and would appreciate any help. Until a few hours ago this integration had been working fine, but know when I login and my app responds to the callback url i get the following error on the page:

TypeError: Cannot read property ‘idToken’ of undefined

This is the only error I can find and there is nothing else in the browser console. Digging into where this error comes from it seems to be related to the handleAuthentication method in the okta-react/Auth object.

github.com

okta/okta-oidc-js/blob/master/packages/okta-react/src/Auth.js#L41


  this.handleAuthentication = this.handleAuthentication.bind(this);
  this.isAuthenticated = this.isAuthenticated.bind(this);
  this.getUser = this.getUser.bind(this);
  this.getIdToken = this.getIdToken.bind(this);
  this.getAccessToken = this.getAccessToken.bind(this);
  this.login = this.login.bind(this);
  this.logout = this.logout.bind(this);
  this.redirect = this.redirect.bind(this);
}


async handleAuthentication() {
  let tokens = await this._oktaAuth.token.parseFromUrl();
  tokens = Array.isArray(tokens) ? tokens : [tokens];
  for (let token of tokens) {
    if (token.idToken) {
      this._oktaAuth.tokenManager.add('idToken', token);
    } else if (token.accessToken) {
      this._oktaAuth.tokenManager.add('accessToken', token);
    }
  }
}

Basically the if ( token.idToken ) line, where token is actually undefined. Adding some debug to the babel built version in dist i can see that the call to this._oktaAuth.tokenManager.get('accessToken') is resolving to an array where the first entry is undefined and the second seems to contain an actual value with the relevant tokens (authToken in this case).

I have checked my deps via package.json/package-lock.json and can see that okta-react did upgrade to 1.0.3 and react-auth-js to 2.0.0. But downgrading these didnt seem to make a difference.

Im a bit stuck any suggestions would be appreciated.

thanks

vijet · August 20, 2018, 6:22pm

Hi @paran01d

Can you take a look at this thread? - TypeError: Cannot read property 'idToken' of undefined

Seems like another user had similar issue but fixed it.

paran01d · August 20, 2018, 11:29pm

Hi all,
Id found this post earlier and was not using the withHistory on my ReactRouter (using BrowserRouter ) so initially didn’t think it was related, but after some runs through with the browser js debugger found the problem.

It was that we had enabled outside of react router the HashHistory method of the history module, this was prepending a #/ to the callback url so token_id in the url was being found as /token_id in the okta-auth-js module @

github.com

okta/okta-auth-js/blob/master/lib/token.js#L546


var nativeHistory = sdk.token.parseFromUrl._getHistory();
var nativeDoc = sdk.token.parseFromUrl._getDocument();
var nativeLoc = sdk.token.parseFromUrl._getLocation();
if (nativeHistory && nativeHistory.replaceState) {
  nativeHistory.replaceState(null, nativeDoc.title, nativeLoc.pathname + nativeLoc.search);
} else {
  nativeLoc.hash = '';
}
}


function parseFromUrl(sdk, url) {
var nativeLoc = sdk.token.parseFromUrl._getLocation();
var hash = nativeLoc.hash;
if (url) {
  hash = url.substring(url.indexOf('#'));
}


if (!hash) {
  return Q.reject(new AuthSdkError('Unable to parse a token from the url'));
}

If I get a chance ill try put in a PR that will make it work with HashHistory.

system · January 12, 2024, 11:30pm

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

Post		Replies	Views
TypeError: Cannot read property 'idToken' of undefined OAuth/OIDC reactjs , react	9	8357	August 10, 2018
Okta throwing "Cannot read property 'token' of undefined" error after providing email id in forgot password form Questions reactjs , react	1	7809	January 24, 2024
TokenAccess is undefined OAuth/OIDC	2	2099	February 13, 2024
React app accessToken is undefined, but isAuthenticated is true - okta-react Questions	34	7949	July 14, 2020
Help understanding flow with Okta-React and okta-auth-js to get Id Token Questions reactjs	6	7721	June 15, 2021

Okta React idToken undefined errors

Related topics