Initialized flag on useAuth0 hook

[cranberyxl]

Changes

Add isInitializing flag to useAuth0. This is true until we know that a user is either logged in or logged out. This allows us to prevent showing the logged in or logged out state of an app incorrectly while the user is returned from the CredentialsManager.

Testing

const MyComponent = () => {
  const { isInitializing, user } = useAuth0();

  if (isInitializing) {
    return <Text>Auth0 is initializing</Text>;
  }

  return <Text>User is logged { user ? 'in' : 'out' }</Text>;
}

• This change adds unit test coverage
• This change has been tested on the latest version of the platform/language or why not

Checklist

• I have read the Auth0 general contribution guidelines
• All existing and new tests complete without errors
• All active GitHub checks have passed

[poovamraj]

@cranberyxl I guess this can be achieved by checking both user object and error object by checking if one in both of them are initialized. Is there any other particular scenario I am missing out?

[cranberyxl]

There is the time before the first request has completed, where there is no user and no error, while the first calls are being made to credentials manager, etc. This is indistinguishable from there is no user and no error and we've checked credentials manager.

[DannyBiezen]

This is something I've been wanting as well. It would help cleanup some of the current authentication logic in my components

[poovamraj]

Hi @cranberyxl, this would be a great addition indeed. Can you use our auth0-react as inspiration and make the following changes?

• Rename the state to isLoading
• Set it to false when the user is loaded from Credentials Manager or Login
• Set it to false when there is an error
• Set it to true when the Login is started again.

[gradisarjoze]

Anyone with any workarounds at the moment?

[poovamraj]

Hi everyone, thanks a lot for the contribution. We have made a few more refactors and improvements to this PR. Please feel free to let us know your feedback on this. Thanks!

[cranberyxl]

Looks good to me

[cjpete]

Looks great. It would be great to see a similar PR to https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-native-auth0 to keep the two in sync

[poovamraj]

@cjpete Great catch. Any possibility you can help us with it?

[cranberyxl]

@poovamraj I think isInitializing is a more semantically correct name as the flag is only changed once. If new requests are made it does not flip back to true

[frederikprijck]

@cranberyxl It was decided to go with isLoading for consistency because this is what is already being use in auth0-angular, auth0-react and auth0-vue to represent the, almost, identical behavior and we believe consistency is not unimportant, especially to improve DX for people working with both auth0-react and react-native-auth0. Even though auth0-react and react-native-auth0 are two different SDKs, we believe consistency between those two will benefit you as a user.