Expose the Auth state to outside world about amplify-ui HOT 5 CLOSED

An additional feature will be to have access to current Auth.state. This way it is simpler for the developer to hide/display custom components based on that.

from amplify-ui.

Hello @xavierraffin, thank you for your detailed feature request! Looking over this now. This is something we want to support in our @next release as well!

Totally agreed on difficulty with reading and writing authState. Adding this to our new Authenticator GA milestone to track this.

On the new Authenticator, we'll provide mechanisms that provide you access to readonly authState and helpers that'll enable you to transition between different authStates. For React, it'll likely be a hook:

const { authState, toForgotPassword } = useAuthenticator(); 

which is a one-liner instead of onAuthUIStateChange callback that we used to have!

Edit: didn't read your thread well! Apologies.

from amplify-ui.

You can try or track the progress of our next authenticator on

1. https://ui.docs.amplify.aws/ui/getting-started/installation?platform=react
2. https://ui.docs.amplify.aws/ui/components/authenticator?platform=react

Please let us know if you have any suggestions or feedbacks!

from amplify-ui.

Hi @xavierraffin, apologies to keep you waiting. With @aws-amplify/[email protected], you are now able to add custom forgot password link in the footer through https://ui.docs.amplify.aws/components/authenticator#headers--footers without Hub workarounds. I'll be closing this issue as that use case is now supported.

That said though, I understand that the premise of this issue is not resolved (particularly read authState part). We would like to understand this use case a little bit better before we commit to a globally available hook. Can you please try out the new authenticator, and open a new feature request with what could be improved for which use case? Thanks in advance!

from amplify-ui.

Hi, came back to the issue! We just exposed useAuthenticator that you can use outside the authenticator to access or transition (ie. write) auth state. Please take a look and we gladly accept any feedbacks 🙏

Documentation is here: https://ui.docs.amplify.aws/components/authenticator#useauthenticator-hook

from amplify-ui.