Tengo el problema de que tan pronto como quiero hacer una llamada a mis funciones de base de fuego, aparece un error de política de Cors. Ya he leído varias preguntas al respecto, pero no pude encontrar una que resuelva el problema en la versión 9 de Firebase. La sintaxis de llamada es diferente en v9. Y no se como solucionarlo.

Error:

 Access to fetch at 'https://us-central1-mmonitor-19efd.cloudfunctions.net/sendRequest' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Inicialización de base de fuego:

 import { initializeApp } from 'firebase/app'; import { getFunctions } from 'firebase/functions'; const firebaseConfig = { apiKey: "XXXX", authDomain: "XXXX", projectId: "XXXX", storageBucket: "XXXX", messagingSenderId: "XXXX", appId: "XXXX", measurementId: "XXXX" }; export const firebaseApp = initializeApp(firebaseConfig); export const functions = getFunctions()

Llamada de función:

 import { firebaseApp, functions } from "./firebase" import { httpsCallable } from 'firebase/functions'; function sendRequest(e) { const sendRequest = httpsCallable(functions, 'sendRequest'); sendRequest() } function App() { return ( <button onClick={sendRequest}>send Request</button> ); } export default App;

Funciones de base de fuego:

 const functions = require("firebase-functions"); exports.sendRequest = functions.https.onCall(async(data, context) => { console.log("ok") });

Nota: (Estoy usando el emulador en este momento) Nota: (Intenté cambiar la ubicación del servidor pero no estoy seguro de cómo hacerlo en el emulador y en la interfaz en v9)

¡Gracias por tu tiempo!