diff --git a/web/packages/teleport/src/MFAContext/MFAContext.tsx b/web/packages/teleport/src/MFAContext/MFAContext.tsx
index 3379eaa1891aa..fcb83604bb900 100644
--- a/web/packages/teleport/src/MFAContext/MFAContext.tsx
+++ b/web/packages/teleport/src/MFAContext/MFAContext.tsx
@@ -38,14 +38,12 @@ export const MfaContextProvider = ({ children }: PropsWithChildren) => {
     [adminMfa]
   );
 
-  const [mfaCtx, setMfaCtx] = useState<MfaContextValue>();
-
-  if (!mfaCtx) {
+  const [mfaCtx] = useState<MfaContextValue>(() => {
     const mfaCtx = { getMfaChallengeResponse };
-    setMfaCtx(mfaCtx);
     auth.setMfaContext(mfaCtx);
     api.setMfaContext(mfaCtx);
-  }
+    return mfaCtx;
+  });
 
   return (
     <MfaContext.Provider value={mfaCtx}>