api key

firebase.json

@@ -11,6 +11,14 @@
         "source": "**",
         "destination": "/index.html"
       }
-    ]
+    ],
+    "environment": {
+      "REACT_APP_FIREBASE_API_KEY": "your_api_key",
+      "REACT_APP_FIREBASE_AUTH_DOMAIN": "your_auth_domain",
+      "REACT_APP_FIREBASE_PROJECT_ID": "your_project_id",
+      "REACT_APP_FIREBASE_STORAGE_BUCKET": "your_storage_bucket",
+      "REACT_APP_FIREBASE_MESSAGING_SENDER_ID": "your_messaging_sender_id",
+      "REACT_APP_FIREBASE_APP_ID": "your_app_id"
+    }
   }
 }

src/lib/firebase.js

@@ -4,12 +4,12 @@ import { getFirestore } from "firebase/firestore";
 import { getStorage } from "firebase/storage";
 
 const firebaseConfig = {
-  apiKey: import.meta.env.VITE_API_KEY,
-  authDomain: import.meta.env.VITE_AUTH_DOMAIN,
-  projectId: import.meta.env.VITE_PROJECT_ID,
-  storageBucket: import.meta.env.VITE_STORAGE_BUCKET,
-  messagingSenderId: import.meta.env.VITE_MESSAGING_SENDER_ID,
-  appId: import.meta.env.VITE_APP_ID
+  apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
+  authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
+  projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
+  storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
+  messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
+  appId: process.env.REACT_APP_FIREBASE_APP_ID
 };
 
 export const app = initializeApp(firebaseConfig);