Axiosからデータを取り出して変数に代入したい

Question

前提・実現したいこと

TypeScriptでYoutubeLiveのコメントを取得できるプログラムを作っています。
まずはAxios を使ってYoutubeのサイトのソースコードをとってきたいのです。
Promiss内でconsole.log()を使ってソースコードを書き出すことができました。
しかしそのソースコードを変数に代入して、Promiss外へ値を取り出すためにはどうすればいいですか？

console.log で表示させるだけ

import axios from 'axios'

const user_agent = `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100`;
let channel_id = "HpdO5Kq3o7Y";
let live_chat_url = `https://www.youtube.com/live_chat?v=${channel_id}&is_popout=1`;

const res = async () => {
  await axios.get(live_chat_url, {
    headers: { 'User-Agent': user_agent },
  }).then(response => {
    console.log(response.data)
  })
};

res()

ターミナルの表示

（Youtubeのソースコードが出力される)

エラーが出るが、このように comment 変数に代入したい

import axios from 'axios'

const user_agent = `Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100`;
let channel_id = "HpdO5Kq3o7Y";
let live_chat_url = `https://www.youtube.com/live_chat?v=${channel_id}&is_popout=1`;

const res = async () => {
  await axios.get(live_chat_url, {
    headers: { 'User-Agent': user_agent },
  })
}

let comment = res.data

エラーメッセージ

scrape.ts:13:19 - error TS2339: Property 'data' does not exist on type '() => Promise<void>'.

13 let comment = res.data

参考サイト

https://drroot.page/wp/?p=227

Comments

[hoshi-takanori]

変数に入れた後でどうしたいのかにもよりますが、いずれにせよ非同期で処理する必要があります。