【非同期処理】promiseの扱い方がわかりません、、（Firebase Authentication）

Question

前提・実現したいこと

javascriptとFirebase AuthenticationでTwitter管理システムを作っています。
認証機能を実装中に以下の問題が発生しました。

発生している問題・エラーメッセージ

Uncaught (in promise) TypeError: firebase.auth(...).onAuthStateChanged(...).then is not a function
    at monitorLoginStatus (monitorLoginStatus.js:16)
    at create.js:6

該当のソースコード

monitorLoginStatus.js

"user strict";

const monitorLoginStatus = async () => {
  await firebase
    .auth()
    .onAuthStateChanged((user) => {
      if (user) {
        console.log(`userId:${user.uid}`);
      } else {
        alert(
          "ログイン状態が確認できません。\n再度ログインまたは、新規登録してください。"
        );
        location.replace("../../index.html");
      }
    })
    .then(() => {
      return { loginStatus: true, uid: user.uid };
    });
};

export default monitorLoginStatus;

create.js

"use script";

import getFormValue from "./edit/getFormValue.js";
import monitorLoginStatus from "./auth/monitorLoginStatus.js";

monitorLoginStatus().then((loginStatus) => {
  console.log(loginStatus);

  if (loginStatus) {
    console.log("aa");

    const db = firebase.firestore();

    const submitButton = document.getElementById("submit");

    submitButton.addEventListener("click", async () => {
      const formId = "create-form";
      const formValue = getFormValue(formId);

      if (formValue === false) {
        return;
      } else {
        try {
          await db
            .collection("User")
            .doc(uid)
            .collection("Processing")
            .add({
              ...formValue,
              createdAt: new Date(),
              updatedAt: new Date(),
            });

          alert("追加作業が完了しました。\n管理画面に戻ります。");
          location.replace("../admin.html");
        } catch (error) {
          console.log("add error");
        }
      }
    });
  }
});

試したこと

・promiseの扱いの問題かと思いthenメソッドをつけてみたところ、今回のエラーが出ました。
・thenメソッドをつけないと、promiseなので案の定、呼び出し元で「undefind」となります

補足情報（FW/ツールのバージョンなど）

javascript
node.js v12
firebase Authentication

Comments

[Lhankor_Mhy]

firebase 全然全くわからないので的外れだったら申し訳ないのですが、ドキュメントを見る限り、戻り値はPromiseではないのではないですかね？
https://firebase.google.com/docs/reference/js/firebase.auth.Auth#onauthstatechanged

Answer 1

onAuthStateChangedの戻り値はPromiseでは無いからです。

signIn系のメソッドの戻り値がPromiseになってるので、そちらを使ってください。
https://firebase.google.com/docs/reference/js/firebase.auth.Auth