I've basically copy and pasted the exact code from the firebase documentation on how to set up firestore. When I try to run my, app, I get a breaking error, which says my app has not been initialized.

here is my firebase.js config file:

import { initializeApp } from "firebase/app";
import { fbConfig } from "./secrets.js"
import { getFirestore } from "firebase/firestore";

const firebaseApp = initializeApp({
  apiKey: fbConfig.apiKey,
  authDomain: fbConfig.authDomain,
  projectId: fbConfig.projectId,
  storageBucket: fbConfig.storageBucket,
  messagingSenderId: fbConfig.messagingSenderId,
  appId: fbConfig.appId
});

console.log(firebaseApp)
export default getFirestore()

For comparison, here is a link to the firebase docs. My console log is returning this:

FirebaseAppImpl {_isDeleted: false, _options: {…}, _config: {…}, _name: '[DEFAULT]', _automaticDataCollectionEnabled: false, …}
{...}
[[Prototype]]: Object

Here is the code where firebase is being called, in a different file:

import { useState, useEffect } from "react";
import { useForm } from "react-hook-form";
import { doc, setDoc } from "firebase/firestore";
import db from "../firebase" 
//I'm expecting db to be my exported firestore call from firebase.js

function Admin() {
  const onFormSubmit = async (data) => {
    await setDoc(doc(db, "interviewees", data.name), {
      name: data.name,
      location: data.location,
      age: data.age,
    });
  };

  return(<a big component>)
}

When the Admin component renders, this error appears:

errors.ts:91 Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app).

so, it looks to my like there is an app being initialized. But my app crashing and the error message seems to disagree with my assessment. I'd appreciate any help!