firebase authでログイン後画面遷移をしたい

Question

###実現したいこと
Next.jsでアプリを作っており、認証にfirebase authのTwitterログインを使っています。ログイン後にユーザーのダッシュボードページに移動するようにしたいのですが、うまく行きません。

###試してみたこと
firebase.auth().onAuthStateChanged()内部で画面遷移の処理を書いた。
next/routerではなくwindow.location.hrefで記述した。

いずれも変わりませんでした。

特にエラーは出ていません。元いたページのままログイン状態が変化します。

原因がわかるかたいらっしゃいましたらご教授頂けるとありがたいです。

###該当のコード
ログイン処理

export function useAuthentication() {
  const [currentUser, setCurrentUser] = useRecoilState(currentUserState);

  const login = async () => {
    const provider = new firebase.auth.TwitterAuthProvider();
    await firebase
      .auth()
      .signInWithPopup(provider)
      .then(async userCredential => {
        console.log(userCredential);
        const {
          id_str,
          screen_name,
          name,
          profile_image_url,
        } = userCredential.additionalUserInfo.profile;

        const { accessToken, secret } = userCredential.credential;

        const loginUser = {
          uid: id_str,
          userName: screen_name,
          displayName: name,
          profileImgUrl: profile_image_url,
        };
        setCurrentUser(loginUser);
        window.localStorage.setItem('user', JSON.stringify(loginUser));
        

        // ユーザー情報をDBに保存
        await fetch('/api/users', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
          body: JSON.stringify(loginUser),
        });

        //　フォロワー情報を取得してDBに保存
        await fetch('/api/saveFriends', {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
          body: JSON.stringify({
            uid: id_str,
            access_token_key: accessToken,
            access_token_secret: secret,
          }),
        });

         await Router.push(`/users/${id_str}`);　//遷移しない
      });
  };

  const logout = () => {
    firebase.auth().signOut();
    setCurrentUser(null);
    window.localStorage.removeItem('user');
    Router.push('/');
  };


  return [login, logout];
}

呼び出し元

<ListItem button onClick={login}>