오류메세지 : Firebase App named '[DEFAULT]' already exists (app/duplicate-app)

에러메세지명

Firebase App named '[DEFAULT]' already exists (app/duplicate-app)

 

해결코드

let firebase;
if (!getApps().length) firebase = initializeApp(firebaseConfig);

-> 이건 파이어베이스 9버전인가 그거부터되는것같던데

참고로 내 파이어베이스 버전은  이거임

"firebase": "^9.17.1",

 

 

전체코드

import { initializeApp, getApps } from "firebase/app";
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore";
import { getStorage } from "firebase/storage";


const firebaseConfig = {
  apiKey: process.env.NEXT_PUBLIC_KEY,
  authDomain: process.env.NEXT_PUBLIC_AUTH_DOMAIN,
  projectId: process.env.NEXT_PUBLIC_PROJECT_ID,
  storageBucket: process.env.NEXT_PUBLIC_STORAGE_BUCKET,
  messagingSenderId: process.env.NEXT_PUBLIC_MESSAGING_SENDER_ID,
  appId: process.env.NEXT_PUBLIC_APP_ID,
};

// 이 부분이 해결코드--------
let firebase;
if (!getApps().length) firebase = initializeApp(firebaseConfig);
// 이 부분이 해결코드--------

// Initialize Firebase
export const app = initializeApp(firebaseConfig);
export const authService = getAuth(app);
export const dbService = getFirestore(app);
export const storage = getStorage(app);