如何在gatsby中初始化firebase？

npm install firebase

import firebase from "firebase/app"
import "firebase/firestore" // 如果你需要使用Firestore，还需导入此模块

const firebaseConfig = {
  // 粘贴你的Firebase配置对象
}

if (!firebase.apps.length) {
  firebase.initializeApp(firebaseConfig)
}

export const db = firebase.firestore() // 如果你需要使用Firestore，导出Firestore实例

import React from "react"
import { db } from "../firebase"

const MyComponent = () => {
  // 使用Firebase的功能
  // 例如，从Firestore获取数据
  const getData = async () => {
    const snapshot = await db.collection("myCollection").get()
    snapshot.forEach((doc) => {
      console.log(doc.id, "=>", doc.data())
    })
  }

  return (
    <div>
      <h1>My Component</h1>
      <button onClick={getData}>获取数据</button>
    </div>
  )
}

export default MyComponent