@azure/msal-react package

Renders child components if user is authenticated

function AuthenticatedTemplate(props: PropsWithChildren>>): React.ReactElement | null

Parameters

Returns

Attempts to authenticate user if not already authenticated, then renders child components

function MsalAuthenticationTemplate(props: PropsWithChildren> & { authenticationRequest?: PopupRequest | RedirectRequest | Partial>, errorComponent?: any, interactionType: InteractionType, loadingComponent?: any }>): React.ReactElement | null

Parameters

Returns

MSAL context provider component. This must be rendered above any other components that use MSAL.

function MsalProvider(__namedParameters: PropsWithChildren<{ instance: IPublicClientApplication }>): React.ReactElement

Parameters

Returns

Renders child components if user is unauthenticated

function UnauthenticatedTemplate(props: PropsWithChildren>>): React.ReactElement | null

Parameters

Returns

Given 1 or more accountIdentifiers, returns the Account object if the user is signed-in

function useAccount(accountIdentifiers?: Partial>): AccountInfo | null

Parameters

Returns

Returns whether or not a user is currently signed-in. Optionally provide 1 or more accountIdentifiers to determine if a specific user is signed-in

function useIsAuthenticated(matchAccount?: Partial>): boolean

Parameters

Returns

Returns Msal Context values

function useMsal(): IMsalContext

Returns

If a user is not currently signed in this hook invokes a login. Failed logins can be retried using the login callback returned. If a user is currently signed in this hook attempts to acquire a token. Subsequent token requests can use the acquireToken callback returned. Optionally provide a request object to be used in the login/acquireToken call. Optionally provide a specific user that should be logged in.

function useMsalAuthentication(interactionType: InteractionType, authenticationRequest?: PopupRequest | RedirectRequest | Partial>, accountIdentifiers?: Partial>): MsalAuthenticationResult

Parameters

Returns

Higher order component wraps provided component with msal by injecting msal context values into the component's props

function withMsal
(Component: ComponentType
): FunctionComponent>

Parameters

Returns

MsalConsumer: React.Consumer

Type

MsalContext: React.Context

Type

version: "3.0.29"

Type