Use auth emulator when running locally

Author: draperunner

src/auth.tsx

@@ -14,15 +14,22 @@ const firebaseConfig = {
 
 firebase.initializeApp(firebaseConfig);
 
+const auth = firebase.auth();
+
+if (window.location.hostname === "localhost") {
+  console.log("Using auth emulator");
+  auth.useEmulator("http://localhost:9099");
+}
+
 function useAnonymousLogin() {
   const [user, setUser] = useState<firebase.User | null | undefined>();
 
   useEffect(() => {
-    return firebase.auth().onAuthStateChanged((user) => {
+    return auth.onAuthStateChanged((user) => {
       setUser(user);
 
       if (!user) {
-        firebase.auth().signInAnonymously().catch(console.error);
+        auth.signInAnonymously().catch(console.error);
         return;
       }
     });

src/pages/Main.tsx

@@ -21,7 +21,7 @@ import "firebase/functions";
 const functions = firebase.app().functions("europe-west1");
 
 if (window.location.hostname === "localhost") {
-  console.log("Using emulator");
+  console.log("Using functions emulator");
   functions.useEmulator("localhost", 5001);
 }