Component analytics has not been registered yet

[potent owl]

Hey there, I'm currently migrating an existing project over to Astro.
Authentication and other services are being provided by Firebase, the issue I am currently facing here is the following error that appears in the console:

provider.ts:239 Uncaught Error: Component analytics has not been registered yet
    at Provider.initialize (provider.ts:239:13)
    at initializeAnalytics (api.ts:112:47)
    at getAnalytics (api.ts:85:10)
    at firebase.astro:11:21

Here's the code snippet:

import { initializeApp } from "firebase/app";

const firebaseConfig = {
  apiKey: "my-public-api-key",
  authDomain: "my-auth-domain",
  projectId: "my-project-id",
  storageBucket: "my-storage-bucket",
  messagingSenderId: "my-sender-id",
  appId: "my-app-id",
};

const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);

If anyone knows why this is happening, let me know!
Thanks!

[mint vine]

Hi @potent owl. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

---

Hmm, I don't know enough to give you a confident answer yet. However, you can refer to the Astro documentation on integrating with Firebase here (https://docs.astro.build/en/guides/backend/google-firebase). This guide covers initializing Firebase, authentication, and connecting to Firestore. It might help you identify any missing steps or issues in your implementation.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: