Github OAuth firebase 刷新令牌 - 反应 Z1E35BCBA2DBA1089C7BDZ0805D4517CF8

Question

我正在使用firebase 身份验证和Oauth登录GitHub 。 我需要为刷新令牌编写一个自定义挂钩。

这是我的 Firebase 配置的代码。

import {initializeApp} from "firebase/app";
import {
  getAuth,
  signInWithPopup,
  GithubAuthProvider,
  signOut,
  onAuthStateChanged,
  NextOrObserver,
  User,
} from 'firebase/auth';

const firebaseConfig = {
  some codes
};

initializeApp(firebaseConfig);

const provider = new GithubAuthProvider();

export const auth = getAuth();
export const signInWithGitHubPopup = () => signInWithPopup(auth, provider);

export const userSignOut = async () => await signOut(auth);

export const onAuthStateChangedListener = (callback:NextOrObserver<User>) => onAuthStateChanged(auth, callback);

为了跟踪用户身份验证，我使用了 React 上下文和 Firebase 观察者模式。 这是 user.context 的代码。

import {createContext, useState, useEffect, ReactNode} from "react";
import {onAuthStateChangedListener} from "../utils/firebase/config";
import {User} from 'firebase/auth';

export const UserContext = createContext<User | null>(null);

export const UserProvider = ({children}: { children: ReactNode }) => {
  const [currentUser, setCurrentUser] = useState<User | null>(null);

  useEffect(() => {
    const unSubscribe = onAuthStateChangedListener((user) => {
      setCurrentUser(user);
    });
    return unSubscribe;
  }, []);

  return <UserContext.Provider value={currentUser}>{children}</UserContext.Provider>;
};

因此，无论我需要用户身份验证信息（例如访问令牌和刷新令牌），我都使用以下代码。

const currentUser = useContext(UserContext);

现在，我想编写一个 Axios 拦截器和自定义钩子来刷新令牌。 问题是我该怎么做？ 如果你能帮助我，我将不胜感激。