Okta React Signin widget - not working for App level MFA

Hi,
We are using Okta OIDC SPA for authentication and set MFA (app level) for it. We are using React sign-in widget functionality for generating Token. However when we tried to login, it is showing below error instead of redirecting to 2nd factor authentication.

Error - The current sign on policy requires this client to redirect for re-authentication or MFA. Please contact your administrator.

config details -
const oktaAuthConfig = {
issuer: “https://{{oktadomain}}/oauth2/default”,
clientId: “{{clientid}}”,
redirectUri: window.location.origin + “/login/callback”,
postLogoutRedirectUri: window.location.origin + “/login”,
logoutUrl: window.location.origin + “/login”,
scopes: [“openid”, “profile”, “email”],
};

const oktaSignInConfig = {
baseUrl: “https://{{oktadomain}}”,
clientId: “{{clientid}}”,
redirectUri: window.location.origin + “/login/callback”,
postLogoutRedirectUri: window.location.origin + “/login”,
logoutUrl: window.location.origin + “/login”,
scopes: [“openid”, “profile”, “email”],
authParams: {
// pkce: false
},
disableHttpsCheck: true,
};

We are at production deployment stage and facing this issue. So urgent help would be really helpful.

Thanks,
Pravin