Как вывести данные из Realtime Database Firebase?

Question

[starkingdom]

Данные в свой проект я вывожу из json файла. Выглядит это так:
Файл services:

export const services = {
    async getAll(categoryId: number) {
        const response = await axios.get<IBook[]>(`http://localhost:4200/books?${categoryId > 0 ? `category=${categoryId}` : ''}`)

        return response.data
    },

    async getById(id: string) {
        const response = await axios.get<IBook[]>(`http://localhost:4200/books?id=${id}`)

        return response.data[0]
    },
}

Далее вывод на страницу:

useEffect(() => {
        const fetchData = async () => {
          try {
            const data = await services.getAll(categoryId)
            setBooks(data)
          } catch(e: any) {
            console.log('error')
          }
        }
    
        fetchData()
    }, [categoryId])

Файл json:

{
    "books": [
        {
            "id": 1,
            "title": "Лягушка, слон и брокколи. Как жить и как не надо",
            "author": "Алексей Марков",
            "desc1": "Для правильных решений надо освоить три метода: как съесть слона, как сожрать лягушку и когда следует есть брокколи. Про слона и лягушку вы наверняка слышали: слона надо есть медленно и по кусочкам, а лягушку — глотать первым делом, с утра. Идея с брокколи не так известна, но концепция такая: брокколи полезна для долголетия. Но для того чтобы дольше жить, мало это знать. Надо ее еще и регулярно есть.",
            "category": 1,
            "img": "/img/img1.png",
            "all": "all",
            "price": 500
        },
        {
            "id": 2,
            "title": "title2",
            "author": "Алексей Марков",
            "desc1": "Для правильных решений надо освоить три метода: как съесть слона, как сожрать лягушку и когда следует есть брокколи. Про слона и лягушку вы наверняка слышали: слона надо есть медленно и по кусочкам, а лягушку — глотать первым делом, с утра. Идея с брокколи не так известна, но концепция такая: брокколи полезна для долголетия. Но для того чтобы дольше жить, мало это знать. Надо ее еще и регулярно есть.",
            "category": 2,
            "img": "/img/img2.png",
            "all": "all",
            "price": 400
        },
    ]
}

Я создал базу данных в firebase (надеюсь правильно создал):


Тперь вопрос, как мне вывести данные на страницу из firebase, может видос какой-то есть, или статья понятная, как это провернуть