Estoy tratando de inicializar una aplicación de Firebase pero no entiendo cómo o dónde llamarla.

Tengo un nombre de archivo fire.tsx y dentro hay una llamada a initializeApp de firebase. Pero ahora que? ¿Cómo incluyo esto en mi aplicación?

Pensé simplemente agregando import { firebaseApp, firebaseAnalytics } from './fire'; en la parte superior de App.tsx funcionaría pero aparentemente no es así. ¿Estoy haciendo esto mal?

 import firebase from "firebase"; import "firebase/auth"; import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; const firebaseConfig = { apiKey: "xxx-xx-xx", authDomain: "xxx-xx-xx", databaseURL: "xxx-xx-xx", projectId: "xxx-xx-xx", storageBucket: "xxx-xx-xx", messagingSenderId: "xxx-xx-xx", appId: "xxx-xx-xx", measurementId: "xxx-xx-xx" }; const firebaseApp = initializeApp(firebaseConfig); export default firebaseApp; export const firebaseAuth = firebase.auth(); export const firebaseAnalytics = getAnalytics();

Aplicación.tsx

 import { firebaseApp, firebaseAnalytics } from './fire';