Estoy usando este código:
useFocusEffect( useCallback(async () => { const user = JSON.parse(await AsyncStorage.getItem("user")); if (user.uid) { const dbRef = ref(dbDatabase, "/activity/" + user.uid); onValue(query(dbRef, limitToLast(20)), (snapshot) => { console.log(snapshot.val()); }); return () => { off(dbRef); }; } }, []) );Estoy recibiendo este error:
Una función de efecto no debe devolver nada más que una función, que se utiliza para la limpieza. Parece que escribiste 'useFocusEffect(async () => ...)' o devolviste una Promesa. En su lugar, escribe la función asíncrona dentro de tu efecto y llámala inmediatamente.
Traté de poner todo dentro de una función async , pero luego no se llama off() .
Defina la variable dbRef fuera de la función async anidada para que su devolución de llamada de limpieza pueda hacer referencia a ella y permita la posibilidad de que no se establezca a partir del momento en que se realiza la limpieza.
Además, cada vez que use una función async en un lugar que no maneje la promesa que devuelve la función, asegúrese de no permitir que la función arroje un error (devuelva una promesa rechazada), ya que nada manejará esa promesa rechazada.
Además, dado que el componente podría desmontarse durante la await , debe asegurarse de que la función async no continúe con su lógica cuando sabemos que la limpieza no ocurrirá (porque ya sucedió), por lo que es posible que desee una bandera para que ( didCleanup en el siguiente).
Así que algo como esto:
useFocusEffect( useCallback(() => { let dbRef; let didCleanup = false; (async() => { try { const user = JSON.parse(await AsyncStorage.getItem("user")); if (!didCleanup && user.uid) { dbRef = ref(dbDatabase, "/activity/" + user.uid); onValue(query(dbRef, limitToLast(20)), (snapshot) => { console.log(snapshot.val()); }); } } catch (error) { // ...handle/report the error... } })(); return () => { didCleanup = true; if (dbRef) { off(dbRef); } }; }, []) );useEffect(() => { const myFunction = async () => { your code } myFunction() }, [])