FunctionMfaProvider

React Component that provides the context for the useUserMeetsMfaRequirement() hook and <MultiFactorAuthentication /> component, to be used by components further down your component tree. It should only be included in your component tree once and ideally at the root of the application.

Example

import * as React from 'react'
import {
  MfaProvider,
  useUserMeetsMfaRequirement,
} from '@oneblink/apps-react'

function Component() {
  const { isLoading, userMeetsMfaRequirement } =
    useUserMeetsMfaRequirement(true)
  // use MFA Requirement details here
}

function App() {
  return (
    <MfaProvider isExternalIdentityProviderUser={false}>
      <Component />
    </MfaProvider>
  )
}

const root = document.getElementById('root')
if (root) {
  ReactDOM.render(<App />, root)
}
Copy