refreshing access token manually in axios

const res = await axios.get(
  `https://us-east-1.aws.data.mongodb-api.com/app/${process.env.REACT_APP_APP_ID}/endpoint/taskLogs`,
  {
    headers: {
      Authorization: `Bearer ${accessToken}`,
      Accept: "application/json",
    },
    params: {
      taskId,
    },
  }
);

import { useRealmApp } from "src/store/RealmApp";
import { decodeJwt } from "jose";

export const useAccessToken = () => {
  const app = useRealmApp();
  const getValidAccessToken = async (): Promise<string | null> => {
    const accessToken = app.currentUser?.accessToken;
    const payload = decodeJwt(accessToken);
    if (payload.exp) {
      const isExpired = payload.exp * 1000 < Date.now();
      if (isExpired) {
        // refresh the custom data which will also refresh the access token
        await app.currentUser?.refreshCustomData();
        return app.currentUser?.accessToken;
      } else {
        return accessToken;
      }
    } else {
      console.log("Failed to decode the access token");
    }
    return null;
  };

  return getValidAccessToken;
};