I am trying to deploy my nextjs website in vercel. I am using firebase as the backend. I have a dynamic route and I am using getStaticProps and getStaticPaths to get the data and populate it.

The build always succeeds in the local environment but fails in vercel. I am attaching the build error screenshot (Though it warns but the build fails) and minimal code.

export const getStaticPaths: GetStaticPaths = async () => {
  try {
    const builderCollection = collection(db, 'something')
    const builderSnapshot = await getDocs(builderCollection)
    const refs = []
    builderSnapshot.forEach((doc) => {
      const data = doc.data()
      if (data && data.ref) {
        console.log('Store: Firebase path data', data.ref)
        refs.push(data.ref)
      }
    })
    const paths = refs.map((ref: string) => {
      return {
        params: {
          ref,
        },
      }
    })
    return { paths, fallback: 'blocking' }
  } catch (error) {
    console.log(error)
    return { paths: [], fallback: 'blocking' }
  }
}

export const getStaticProps: GetStaticProps = async (context) => {
  try {
    const { ref } = context.params
    console.log('Store Ref:', ref)

    const builderCollection = collection(db, 'builder')
    const checkQuery = query(builderCollection, where('ref', '==', ref))
    const checkerSnapshot = await getDocs(checkQuery)
    let fbData: DocumentData | null = null
    let id: string
    checkerSnapshot.forEach((doc) => {
      if (doc.exists()) {
        id = doc.id
        fbData = doc.data()
      }
    })
    return {
      props: { data: fbData, id },
      revalidate: 1,
    }
  } catch (error) {
    console.log(error)
    return { props: { data: null } }
  }
}

I am unable to debug this error. I have tried increasing the staticPageGenerationTimeout up to 2000sec. But still fails. Highly appreciated it if someone could help me. Thanks in advance.