Okta redirection issue with React HashRouter

[infa-mseelam]

My App is using HashRouters now I want to integrate OKTA Authentication but that issue is Okta does not allow to add # in the redirection URL. As a result after successful login, I am landing on a 404 unknown pages. I don't want to use change to Browser routers

Could anybody suggest to me how to deal with #Routes with OKta redirection..?

If possible can you please provide an example?

[denysoblohin-okta]

Thanks for submitting this issue.

Internal ref: OKTA-386208

[denysoblohin-okta]

As a workaround, you can use window.location.origin as redirect URI
and add

    oktaAuth.handleLoginRedirect();

in useEffect of your home page component

[denysoblohin-okta]

As example, you can use samples-js-react

With some changes:

• https://github.com/okta/samples-js-react/blob/c9a04b57086b101fc93291759ef3ec4a77e26520/okta-hosted-login/src/config.js#L4
  Change to

const REDIRECT_URI = `${window.location.origin}/login/callback`;

• https://github.com/okta/samples-js-react/blob/c9a04b57086b101fc93291759ef3ec4a77e26520/okta-hosted-login/src/App.jsx#L14
  change to

import { HashRouter as Router, Route, Switch } from 'react-router-dom';

• https://github.com/okta/samples-js-react/blob/c9a04b57086b101fc93291759ef3ec4a77e26520/okta-hosted-login/src/Home.jsx#L22
  add this line:

    oktaAuth.handleLoginRedirect();