<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M74D8PB" height="0" width="0" style="display:none;visibility:hidden">
Loading
Skip to NavigationSkip to Main Content
0D51Y00007w9P8fSAEOkta Classic EngineSingle Sign-OnAnswered2024-04-15T09:30:27.000Z2020-03-03T11:06:33.000Z2020-03-04T05:57:34.000Z
{ImplicitCallBack} returning "AuthApiError" screen in single sign on

 

On integrating okta with react js I am getting a screen saying "AuthApiError".

 

Following is the code in react

 

 

 

 <Router>

 

    <Security issuer='https://dev-949989.okta.com/oauth2/default'

 

         clientId='0oa2yj7r2qlOTJRTd4x6'

 

         redirectUri={window.location.origin + '/implicit/callback'}

 

         onAuthRequired={onAuthRequired}

 

         pkce={true} >

 

     <Route path='/' exact={true} component={Home} />

 

     <SecureRoute path='/protected' component={Protected} />

 

     <Route path='/login' render={() => <Login baseUrl='https://dev-949989.okta.com' />} />

 

     <Route path='/implicit/callback' component={ImplicitCallback} />

 </Security>

 

   </Router>

 


  • bc221 (bc221)

    Hi Sreedev,

     

    You need to add your hostname in Okta as a "Trusted Origins". To do this Login to Okta Admin > Security > API > Trusted Origins > Click on Add Origin and enter your app url e.g http://127.0.0.1:3000

    Selected as Best
  • bc221 (bc221)

    Hi Sreedev,

     

    You need to add your hostname in Okta as a "Trusted Origins". To do this Login to Okta Admin > Security > API > Trusted Origins > Click on Add Origin and enter your app url e.g http://127.0.0.1:3000

    Selected as Best
This question is closed.
Loading
{ImplicitCallBack} returning "AuthApiError" screen in single sign on