I am having some trouble refining the UX of our app's user login now that we have enabled MFA for every log in.

We have a next js/react application and have built a custom log in form that uses the following functions to log in:

const transaction = await oktaAuth.signInWithCredentials({ username, password });

oktaAuth.signInWithRedirect({ sessionToken: transaction.sessionToken });

This has been working great until we enabled MFA. Now when a user logs in with credentials using our custom login form they are redirected to the Okta login form and have to provide their credentials again before they are able to enter in their MFA information. Why doesn't the signInWithCredentials and signInWithRedirect bypass the Okta login screen and take the user straight to the MFA form? And is there a way make the custom login form on our app take you directly to the Okta MFA form?