Objective
To implement custom UI for login.
Problem
We have used auth0-react
for a few months in development. That uses the universal login under the hood.
Idea
Use both auth0-react
and auth0-js
at the same time. Use auth0-react
's useful hooks
to check if logged in, get tokens silently etc. but use auth0-js
to do username/password
for the custom embedded login.
Is this even possible? How would I achieve this? As far as I know now auth0-react
forces a /authorize
endpoint redirect if token is invalid. Would user/pass
login from the custom login be recognised by auth0-react
's hooks?
If we had to completely revamp our current implementation it really feels like we’re stuck between a rock and a hard place.
Thanks in advance for your help!
EDIT: After some more digging and reading… We have just resigned to “it cannot be done”. It’s either we move everything to auth0.js or just try our best to customize Universal Login as much as possible via the Liquid templates method (https://auth0.com/docs/universal-login/new-experience/universal-login-page-templates). That’s it.