Configuro mi proveedor auth0 e inicio sesión con redirección como se muestra a continuación

 // auth0-provider-with-history.js const Auth0ProviderWithHistory = ({ children }) => { const domain = process.env.REACT_APP_AUTH0_DOMAIN; const clientId = process.env.REACT_APP_AUTH0_CLIENT_ID; const audience = process.env.REACT_APP_AUTH0_API_AUDIENCE; const navigate = useNavigate(); const onRedirectCallback = (appState) => { navigate(appState?.returnTo || window.location.pathname); }; return ( <Auth0Provider domain={domain} clientId={clientId} redirectUri={window.location.origin} onRedirectCallback={onRedirectCallback} audience={audience} useRefreshTokens={true} scope="openid profile email read:current_user" > {children} </Auth0Provider> ); };

 // profile.js const { isLoading, loginWithRedirect, isAuthenticated, user, getAccessTokenSilently } = useAuth0(); React.useEffect(() => { if (isLoading || isAuthenticated)return; loginWithRedirect({ scope: "openid profile email read:current_user", }); }, [isLoading, isAuthenticated, loginWithRedirect]);

y debajo está la regla que estoy usando para habilitar MFA para el cliente de reacción SPA

 function multifactorAuthentication(user, context, callback) { if (context.clientID === 'MY_CLIENT_ID'){ context.multifactor = { provider: 'any', allowRememberBrowser: false }; } callback(null, user, context); }

pero recibo el siguiente error después de enviar el código OTP y nuevamente me redirige a la página del código de verificación.

Uncaught (in promise) Error: Multifactor authentication required Error Screenshort