okta-auth-js | The official js wrapper around Okta 's auth API | OAuth library

I have been trying to load the OKTA_CONFIG from an API call for some time now but have had no luck. I would like it to work similar to how APP_INITILIZER works where when a promise is returned from a factory provider the application won't start until the promise is resolved. Is this possible? When I try I get the following error: TypeError: Cannot read properties of undefined (reading ‘_oktaUserAgent’). It will work if I do not use a promise and instead return the created OktaAuth object directly. Please see the code examples below.

AppModule

I have a older angular application where I have implemented okta auth.

It uses angular 7.2, and okta versions

I am attempting to integrate the okta signin widget into a Vue 3 project, based on the following: (Okta Sign-In Widget and Vue | Okta Developer). However, it appears that OktaSignIn is not available to import into the config files even after installing via yarn add @okta/okta-signin-widget. In other words, I cannot add import OktaSignIn from '@okta/okta-signin-widget' to the main.ts, as the package does not appear to be available. Is this widget not yet available for Vue 3 or Vue CLI 4 ?

Example:

I am attempting to set up a basic Vue authentication page using the Okta-Vue package. The tutorial I am referencing is here: https://developer.okta.com/blog/2018/02/15/build-crud-app-vuejs-node. For this project, I am using VueCLI 4. After creating the project, I attempted to set up the Okta authentication protocols in the router file

index.js

Here is the error that I get once I run the application.

ERROR in ./node_modules/@okta/okta-react/bundles/okta-react.esm.js 284:14-27

export ‘useRouteMatch’ (imported as ‘useRouteMatch’) was not found in ‘react-router-dom’ (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createRoutesFromChildren, createSearchParams, generatePath, matchPath, matchRoutes, renderMatches, resolvePath, unstable_HistoryRouter, useHref, useInRouterContext, useLinkClickHandler, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams)

Here is what my code looks like in my Index.tsx file.

Regards to th Okta Documentation : https://developer.okta.com/docs/guides/sign-into-spa/angular/main/#configure-the-sdk, I've configured my application to authentificate with Google.

So, I have implement OktaAuthModule but I always have this error :

After migrating my angular 6 project to 12. I am getting multiple warning in terminal

if in angular.json i set optimisation: false configuration then all issue get resolved but i don't want to make this changes it should be true only.

with optimisation: true i am getting all these warnings:-

Earlier same code was working fine without any warning.

I've been stumped on this issue for quite some time.

I am using Okta Authentication for my React SPA and everything is going well however the restoreOriginalUri function doesn't actually route/redirect back to the Original URI on successful authentication.

package.json

I'm trying to add OKTA to my React application. I've gotten sign-in to work fine. But I'm struggling with Signout.

Setup: I added OKTA to my project following these instructions from OKTA.

This mostly worked, but included these instructions for invoking the sign-in