React NativeとFirebaseで「Duplicate App」エラーを解決する方法

React NativeでFirebaseを使用する際、よく遭遇するエラー「FirebaseError: Firebase: Firebase App named ‘[DEFAULT]’ already exists with different options or config (app/duplicate-app)」の解決法をご紹介します。

エラーの原因

このエラーは、Firebaseのアプリが既に初期化されているにもかかわらず、異なる設定で再度初期化しようとした場合に発生します。

解決策

エラーを解消するには、アプリが既に初期化されているかどうかをチェックし、初期化されていない場合のみ新しいインスタンスを作成します。

import { initializeApp, getApps, getApp } from 'firebase/app';
// ... (他のFirebaseサービスのインポート)

let app;

if (getApps().length === 0) {
    app = initializeApp(firebaseConfig);
} else {
    app = getApp();
}

まとめ

この簡単なチェックを加えるだけで、「Duplicate App」エラーを防げます。FirebaseとReact Nativeの組み合わせでアプリを開発する際には、この方法を試してみてください。