Как вернуть state через xhr.onload?

Возможно вопрос не совсем касается redux, а js в целом, но обьясните пожалуйста, как мне в данном коде в результате выполнения запроса вернуть state. У меня есть action который возвращает данные пользователя с сервера (все успешно, ответ с сервера приходит и результат тот, который нужен) Но когда я пытаюсь вернуть state внутри onload, он как бы возвращается, но не глобально, т.е он остается внутри этого onload. Как я понял его нужно вернуть ретурном у самого action. Я попробовал, и правда так и получается. Так вот. как сделать так, чтобы он глобально возвращался, но в результате выполнения onload. Заранее всем спасибо, не удивлюсь если решение максимально простое, у меня так часто бывает)

case "LOAD_USERDATA":
сonst xhr = new XMLHttpRequest();
let userToken = {
  token: SyncStorage.get("token"),
};
xhr.open("POST", "http://192.168.0.108:3000/userdata", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(userToken));
xhr.onload = () => {
  let result = JSON.parse(xhr.response);
  return {
    ...state,
    username:result.username,
    id:result.id,
    money:result.money
  }  //ДОЛЖЕН ВЕРНУТЬСЯ ЭТОТ ОБЬЕКТ
};

return state; // ГЛОБАЛЬНО ВОЗВРАЩАЕТ STATE, сейчас возвращает Object {} пустой обьект