yasia (yasia) asked a question.
When attempting to reset password my app gets stuck in the LoginCallback component and doesn't display anything.
Hello,
My team and me are developing an app using react and Okta's login service. We've been doing tests for a couple of months now and everything was working smoothly, however a couple of weeks ago we noticed the reset-password link that was arriving to the email was redirecting to an empty screen.
Upon further inspection I realized the react component for the loading callback is stuck on loading (which doesn't display anything unless you add a custom loading component).
Here is how it currently looks.
and here is a link to the component itself:
https://github.com/okta/okta-react/blob/master/src/LoginCallback.tsx
during the testing I also made sure that oktaAuth was defined so it baffles me a little bit that the component just jumps to loading instead of doing its thing.
Is it possible that it can be something related to a setting in Okta'
Hey Mihai,
I opened a case and got a helpful answer, which I'll share here in case it's useful for someone else:
The issue that you are facing seems to be caused by the release of our new magic link implementation.
Here you can find the official announcement: https://okta-support.pixtulate.com/help/s/olc-announcement-notification/aMh4z0000008OP6CAM/notification-sn-new-email-magic-link-user-experience?language=en_US
Now, with the new implementation you will have to use the "EMAIL VERIFICATION EXPERIENCE" option, which can be found in your OIDC application.
Here is a guide on how you have to set up your application to be able to handle the new magic link: https://okta-developer.pixtulate.com/docs/guides/authenticators-okta-email/java/main/
And here is some documentation about the magic link: https://okta-developer.pixtulate.com/docs/guides/email-magic-links-overview/nodeexpress/main/
You will have to implement in your application the functionality for using the "state" and the "otp" which you are receiving to log the user in.