How to Resend a Verification Email in Firebase

1import { getAuth } from 'firebase/auth'
2
3const auth = getAuth()
4
5async function checkVerificationStatus() {
6  const user = auth.currentUser
7
8  if (!user) {
9    console.log('No user is signed in.')
10    return false
11  }
12
13  // Refresh user data from server
14  await user.reload()
15
16  // Re-fetch the user object after reload
17  const refreshedUser = auth.currentUser
18
19  if (refreshedUser?.emailVerified) {
20    console.log('Email is already verified.')
21    return true
22  }
23
24  console.log('Email is not yet verified.')
25  return false
26}

1import { getAuth, sendEmailVerification } from 'firebase/auth'
2
3const auth = getAuth()
4
5async function resendVerificationEmail() {
6  const user = auth.currentUser
7
8  if (!user) {
9    throw new Error('No user is signed in.')
10  }
11
12  await user.reload()
13  if (auth.currentUser?.emailVerified) {
14    console.log('Email is already verified. No need to resend.')
15    return
16  }
17
18  try {
19    await sendEmailVerification(user)
20    console.log('Verification email sent successfully.')
21  } catch (error: any) {
22    if (error.code === 'auth/too-many-requests') {
23      console.error('Too many requests. Please wait before trying again.')
24    } else {
25      console.error('Failed to send verification email:', error.message)
26    }
27  }
28}

1import { getAuth, sendEmailVerification, ActionCodeSettings } from 'firebase/auth'
2
3const auth = getAuth()
4
5async function resendWithCustomRedirect() {
6  const user = auth.currentUser
7  if (!user) return
8
9  const actionCodeSettings: ActionCodeSettings = {
10    url: 'https://yourapp.com/welcome?verified=true',
11    handleCodeInApp: false
12  }
13
14  try {
15    await sendEmailVerification(user, actionCodeSettings)
16    console.log('Verification email sent with custom redirect.')
17  } catch (error: any) {
18    console.error('Error:', error.message)
19  }
20}

1import { useState, useCallback } from 'react'
2import { getAuth, sendEmailVerification } from 'firebase/auth'
3
4function useResendVerification() {
5  const [cooldown, setCooldown] = useState(0)
6  const [status, setStatus] = useState<'idle' | 'sending' | 'sent' | 'error'>('idle')
7
8  const resend = useCallback(async () => {
9    if (cooldown > 0) return
10
11    const user = getAuth().currentUser
12    if (!user) return
13
14    setStatus('sending')
15    try {
16      await sendEmailVerification(user)
17      setStatus('sent')
18      setCooldown(60)
19
20      const interval = setInterval(() => {
21        setCooldown((prev) => {
22          if (prev <= 1) {
23            clearInterval(interval)
24            return 0
25          }
26          return prev - 1
27        })
28      }, 1000)
29    } catch (error: any) {
30      setStatus('error')
31    }
32  }, [cooldown])
33
34  return { resend, cooldown, status }
35}

1import { getAuth } from 'firebase/auth'
2
3function pollForVerification(
4  onVerified: () => void,
5  intervalMs: number = 3000,
6  maxAttempts: number = 60
7) {
8  const auth = getAuth()
9  let attempts = 0
10
11  const timer = setInterval(async () => {
12    attempts++
13    const user = auth.currentUser
14    if (!user || attempts >= maxAttempts) {
15      clearInterval(timer)
16      return
17    }
18
19    await user.reload()
20    if (auth.currentUser?.emailVerified) {
21      clearInterval(timer)
22      onVerified()
23    }
24  }, intervalMs)
25
26  return () => clearInterval(timer)
27}