Intentando configurar paquetes según los documentos de Google . El error específico es:

TypeError: firebase_config__WEBPACK_IMPORTED_MODULE_2 _.db.loadBundle no es una función

Aquí está mi firebase.config.js:

 import { initializeApp } from "firebase/app"; import { getFirestore } from "firebase/firestore"; var firebaseConfig = {...}; const app = initializeApp(firebaseConfig); export const db = getFirestore(app);

Y mi aplicación.js:

 import React, { useState, useEffect } from 'react'; import { query, orderBy, limit, collection, getDocs, loadBundle } from "firebase/firestore"; import { db } from './firebase.config.js'; import './App.css'; function App() { ... const fetchReadings = async () => { const readingsArray = []; const dailyAveragesArray = []; const resp = await fetch('/createBundle'); console.log("resp: ",resp); await db.loadBundle(resp.body); const query = await db.namedQuery('all-readings-query'); const readingSnapshot = await query.get({ source: 'cache' }); ...

Tenga en cuenta que mi antiguo fetchReadings funcionó, que tenía esto en su lugar:

 const readingQuery = query(collection(db, "readings")); const readingSnapshot = await getDocs(readingQuery);

¿Qué me he perdido aquí? TIA.