export async function getServerSideProps(context) { const docRef = doc(db, "chats", context.query.id); const messagesRes = await getDocs(query(collection(docRef, "messages"), orderBy('timestamp','asc'))); const messages = messagesRes.docs.map((doc) => ({ id: doc.id, ...doc.data(), })) .map((messages) => ({ ...messages, timestamp: messages.timestamp.toDate().getTime(), })); const chatRes = await getDoc(docRef); const chat = { id: chatRes.id, ...chatRes.data() } return { props: { messages: JSON.stringify(messages), chat: chat, }, }; }

Este es mi código para obtener los datos de Firestore y usarlos para completar mis páginas antes de mostrarlas en las páginas web. Esto funciona bien cuando estoy usando localhost antes de la implementación, pero después de la implementación en Vercel, toma demasiado tiempo mostrar las páginas en la pantalla y luego muestra el tiempo de espera de la solicitud en la pantalla. Y un error en los registros de función a continuación: -

Algunos errores en los registros de funciones en Vercel:

¿Alguien puede decirme por qué recibo este error después de la implementación, ya que funciona bien antes de la implementación? A continuación también adjunto el enlace al proyecto https://chitzzapp.vercel.app/