如何在Firebase google登录后使用provider处理导航？

import { getAuth, signInWithPopup, GoogleAuthProvider } from "firebase/auth";
import { useHistory } from "react-router-dom";

const auth = getAuth();
const provider = new GoogleAuthProvider();

const handleGoogleLogin = () => {
  signInWithPopup(auth, provider)
    .then((result) => {
      // 获取用户的登录方式
      const providerId = result.additionalUserInfo.providerId;

      // 根据不同的登录方式进行导航处理
      if (providerId === "google.com") {
        // Google登录导航处理
        history.push("/google");
      } else if (providerId === "facebook.com") {
        // Facebook登录导航处理
        history.push("/facebook");
      } else {
        // 其他登录方式导航处理
        history.push("/other");
      }
    })
    .catch((error) => {
      console.log(error);
    });
};

const MyComponent = () => {
  const history = useHistory();

  return (
    <div>
      <button onClick={handleGoogleLogin}>Google登录</button>
    </div>
  );
};