Nuevo en la codificación el mes pasado y estoy aprendiendo JS a través de React Native.

Agregué una base de datos Firestore para extraer datos a través de mi aplicación y armé una función de devolución de llamada usando el enlace useState debido a que es Async.

Mi problema es que mi función DBSearch ahora se repite infinitamente.

Código a continuación:

 const [propertyData, setPropertyData] = React.useState(["Well, this is awkward..."]) const colRef = (listName) => collection(db, listName) const dbSearch = (listName, callBackFuncHere) => {onSnapshot(colRef(listName), (snapshot) => { let newList = [] snapshot.docs.forEach(doc => { newList.push({ ...doc.data(), id: doc.id }) // Pulls Object Data and runs for loop to assign to newList Array }) callBackFuncHere(newList) })}; function retFunc(newList){ setPropertyData(newList) console.log('1') } dbSearch('propertyList', retFunc)

¿Es este un uso inapropiado para useState? y ¿cómo debo cambiar mi función dbSearch para evitar que se reproduzca continuamente?

Disculpas si esto se ha preguntado mil veces antes, no estoy seguro de cómo articular claramente y buscar mi problema.