在我的React JS（Vite + TS）应用程序中，我使用https://stackoverflow.com/a/53256982/22404569中的Used解决方案来刷新令牌，BE将httpOnly cookie作为access_tokes发送，因此需要FE来处理令牌。

问题：我想在“/tokens-renew”API失败时将用户重定向到/login
我的方法我尝试使用handelLogout()来实现。这种方法无法实现，因为钩子只能在函数组件内部调用。

我相信handelLogout()是至关重要的，因为它管理所有有助于保持私有路由的标志。

请注意刷新令牌和重试API是完美的工作，卡住的情况下401 /tokens-renew和我想重定向用户.

export const handleLogout = () => {
    const dispatch = useDispatch();
    const showToast = useToast();
    const navigate = useNavigate();
    // Clear the local storage and dispatch the signOut action to update the Login flag to false
    localStorage.clear();
    dispatch(signOut()); // Dispatch the action to sign out the user (e.g., clear authentication state in Redux)
    navigate("/login"); // Navigate to the login page 
    showToast("Session expired.", EToastTypes.WARNING); //A custom Hook for Toast msg
};

let isTokenRenewing = false;

...

axios.interceptors.response.use(
    res => res,
    async (err) => {
        // In case of token expire 
        if (err.response.status === 401 && !isTokenRenewing)//Cheks if any API has 401 and there was no req made prior to this 
        {
            isTokenRenewing = true;
            let url = import.meta.env.VITE_API_BASEURL + '/tokens-renew';
            try {
                const response = await axios.get(url);
                if (response.status === 200) {
                    return axios(err.config)
                }
            }
            catch (err) {
                // For case request /tokens-renew got 401 
                // handleLogout()
            }
        }
        // For case request was already made and got 401 
        else {
            // handleLogout()
        }

        return Promise.reject(err);
    }
);