Вопрос по области видимости

Есть такой код:

function getData() {
    axios.get(`/modal-info`)
        .then(response => {
            return response;
        });
}

Я делаю ajax запрос на адрес который дает мне данные в представлении json. Если вывести reponse прямо в then(callback => { тут }) то в консоль json выводится нормально. но когда я возвращаю response из функции getData() и делаю так console.log(getData()); то в консоль выводится undefined. Почему так происходит и как это обойти?