Next.jsでログイン機能を備えたブログを作る

  useEffect(() => {
    // ログイン状態を監視し、変化があったら発動
    const unsubscribe = onIdTokenChanged(auth, async (firebaseUser) => {
      if (firebaseUser) {
        // ログインしたときUserをセット
        setUserState({
          user: {
            id: firebaseUser.uid,
            name: firebaseUser.displayName!,
            email: firebaseUser.email!,
            emailVarified: firebaseUser.emailVerified!,
          },
          loginState: "logined",
        });
        if (!firebaseUser.emailVerified) {
          sendEmailVerification(firebaseUser).then(() => {
            router.push("/emailvarification");
          });
        }
        const getData = await getDoc(doc(db, "mailmaga", firebaseUser.uid));
        if (!getData.exists()) {
          router.push("/set-user-info");
        }
      } else {
        // ログインしていない場合、ユーザー情報を空にする
        setUserState({
          user: nullUser,
          loginState: "logouted",
        });
        if (routerRef.current.pathname != "/register") {
          router.push("/login");
        }
      }
      // このコンポーネントが不要になったら監視を終了する
      return unsubscribe;
    });
  }, [router]);

$ yarn add @netlify/plugin-email
yarn add v1.22.19
[1/4] Resolving packages...
error An unexpected error occurred: "https://registry.yarnpkg.com/@netlify%2fplugin-email: connect ECONNREFUSED 2606:4700::6810:1d22:443".
info If you think this is a bug, please open a bug report with the information provided in "/***/yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.