Estoy tratando de agregar una competencia a mi base de fuego con la carga y la imagen, pero aparece este error: "Obteniendo un error con el posible rechazo de la promesa no controlada (id: 2)" y en mi terminal dice "[Rechazo de la promesa no controlada: Error de referencia: No se puede encontrar la variable: ref]". ¿Alguien tiene alguna idea de lo que está pasando?

Cuando intento mostrar el nombre de mi usuario, también muestra el mismo error...

A continuación se muestra mi código para mi archivo Database.js donde realizo la funcionalidad principal para cargar en firebase.

 import { auth, db } from "./firebase"; import {doc, setDoc, Timestamp, collection, getDoc, getDocs,addDoc, onSnapshot} from 'firebase/firestore'; import { async, querystring } from '@firebase/util'; export const createUserOnRegister = (user, username) => { const userRef = doc(db, 'avatars', user.uid); const userData = { email: user.email, username: username, uid: user.uid, role: 'student', dateCreated: Timestamp.fromDate(new Date()) } return setDoc(userRef, userData); } export const getAvatar = async () => { const userRef = doc(db, "avatars", auth.currentUser.uid); const snap = await getDoc(userRef); let avatar = {...doc.data(), uid: doc.id} avatars.push(avatar); } export const updateProfile = (uid, data) => { const userRef = doc(db, 'avatars', uid) return setDoc(userRef, data, {merge: true}) } export const newComp = (comp) => { return addDoc( collection(db, 'comps'), comp ) } export const getAllComp = () => { return collection(db, "comps"); } export const getEntryOffComp = async(id) => { let entries = [] const collectionRef = collection(db, 'comps/' + id + '/entries') const collectionSnapshot = await getDocs(collection(db, 'entries')) collectionSnapshot.forEach((doc) => { entries.push(doc.data()); }) return entries } export const addEntryToComp = (data, id) => { const collectionRef = collection(db, 'comp/' + id + '/entries') return addDoc(collectionRef, data) }