Infinite l oop внутри useEffect при попытке использовать Firebase

Question

Я создаю приложение для записи значений для электрического и газового счетчика: https://n3g.gitlab.io/react-conso-energie/

Если вы посмотрите на консоль, вы увидите бесконечный отпечаток консоли .log.

Вот файл, где происходят эти маги c: https://gitlab.com/n3g/react-conso-energie/-/blob/br/V2/src/ListingExpansionPanels.js

Я не понимаю, почему мой useEffet (строка 19) запускается бесконечно хотя я добавил проверку [dbRef] в строке 36 ..

В моем воображении он будет запущен, только если я добавлю или удалю вещи в своей базе данных?

Спасибо, если кто-то может взгляни, потому что я борюсь с этим уже несколько недель. Я верю, что слишком усложняюсь, когда пытаюсь найти данные из моей базы данных.

Answer 1

Попробуйте обернуть firebase.database().ref('2020') хуком useRef следующим образом:

const dbRef = useRef(firebase.database().ref('2020'));

И удалите dbRef из массива useEffect deps, измените использование с dbRef на dbRef.current