Handling requests with Axios when global state as JWT token?

[gremo]

In my Login form component I use the login function to update the global state, that is store the access token. This token should be used for all of the subsequent requests in the Authorization header.

How can I useSwr with an updated fetcher function (that has the token)?

export const Login = () => {
  const [auth, login] = useGlobalStore(state => ([state.auth, state.login]));

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();

    try {
      const response = await executeLogin({ data: payload });
      const token = response.data.token;

      // Update the global state with the token
     login(token);

    // TODO: start using an updated useSwr fetcher here
      
    } catch (e) {
      alert('Bad username or password.');
    }
  };
}