fix: clear verifier map after successful login to minimise memory use

Author: zhongliang02

apps/web/src/app/(public)/sign-in/_components/wizard/context.tsx

@@ -13,6 +13,7 @@ interface SignInState {
   setVfnStepData: Dispatch<SetStateAction<VfnStepData | undefined>>
   getVerifier: (challenge: string) => string | undefined
   newChallenge: () => string
+  clearVerifierMap: () => void
 }
 
 export const SignInWizardContext = createContext<SignInState | undefined>(
@@ -62,6 +63,9 @@ export const SignInWizardProvider = ({
   const getVerifier = useCallback((challenge: string)=>{
     return challengeToVerifierMap.current.get(challenge)
   }, []) // stable reference no deps
+  const clearVerifierMap = useCallback(()=>{
+    challengeToVerifierMap.current.clear()
+  }, []) // stable reference no deps
 
   const resetTimer = () => setTimer(delayForResendSeconds)
 
@@ -80,7 +84,8 @@ export const SignInWizardProvider = ({
         timer,
         resetTimer,
         newChallenge,
-        getVerifier
+        getVerifier,
+        clearVerifierMap
       }}
     >
       {children}

apps/web/src/app/(public)/sign-in/_components/wizard/email/verification-step.tsx

@@ -20,7 +20,7 @@ export const VerificationStep = () => {
   const [showOtpDelayMessage, setShowOtpDelayMessage] = useState(false)
   const trpc = useTRPC()
 
-  const { vfnStepData, timer, setVfnStepData, resetTimer, newChallenge, getVerifier } = useSignInWizard()
+  const { vfnStepData, timer, setVfnStepData, resetTimer, newChallenge, getVerifier, clearVerifierMap } = useSignInWizard()
   const codeVerifier = getVerifier(vfnStepData?.codeChallenge ?? '') ?? ''
 
   useInterval(
@@ -40,6 +40,7 @@ export const VerificationStep = () => {
   const verifyOtpMutation = useMutation(
     trpc.auth.email.verifyOtp.mutationOptions({
       onSuccess: () => {
+        clearVerifierMap()
         router.refresh()
       },
       onError: (error) => {