Así que comencé a echar un vistazo a firebase y justo después de definir la inicialización como

 import firebase from "firebase/compat" const firebaseConfig = { apiKey: process.env.REACT_APP_API_KEY, authDomain: process.env.REACT_APP_AUTH_DOMAIN, projectId: process.env.REACT_APP_PROJECT_ID, storageBucket: process.env.REACT_APP_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID, appId: process.env.REACT_APP_APP_ID, measurementId: process.env.REACT_APP_MEASUREMENT_ID }; const chatSupportApp = firebase.initializeApp(firebaseConfig, "my-app");

¡Se mostró una advertencia salvaje!

 /*It looks like you're using the development build of the Firebase JS SDK. When deploying Firebase apps to production, it is advisable to only import the individual SDK components you intend to use. For the module builds, these are available in the following manner (replace <PACKAGE> with the name of a component - ie auth, database, etc): CommonJS Modules: const firebase = require('firebase/app'); require('firebase/<PACKAGE>'); ES Modules: import firebase from 'firebase/app'; import 'firebase/<PACKAGE>'; Typescript: import firebase from 'firebase/app'; import 'firebase/<PACKAGE>';*/

Busqué en muchas publicaciones, incluida la documentación, y realmente no entendí cómo inicializar mi aplicación antes de usar cualquiera de las otras importaciones.

Últimamente descubrí que estaba un poco escondido en "firebase/firebase-app"

para que se resuelva, como

 import {initializeApp} from "firebase/firebase-app"; const firebaseConfig = { apiKey: ............... }; const chatSupportApp = initializeApp(firebaseConfig, "my-app"); export default chatSupportApp;

Esto comenzó como una pregunta que busco en la mayoría de las publicaciones de desbordamiento de pila, pero como la resuelvo por ahora de alguna manera, también quería compartir con la comunidad aquí, pero también considerar cualquier otra sugerencia, la pregunta será entonces.

¿Es correcto este enfoque? por qué toda la documentación sugiere hacerlo con

importar { initializeApp } desde 'firebase/app'; como:

 import { initializeApp } from 'firebase/app'; import { getAuth, onAuthStateChanged, getRedirectResult } from 'firebase/auth';

Esto realmente no funcionó para mí en absoluto y no pude usarlo.

¡Gracias y disfruta de tu código!