Reactでaxiosを使ってレスポンスヘッダを取得する

やりたかったこと

Reactでaxiosを使ってレスポンスヘッダ内のハイフン付きのvalueを取得する。
ハイフン付きの場合は角かっこで取り出す必要があった。

ダメだった書き方

ng.tsx

axios.post(url, req_body, { headers: headers })
  .then((res) => {
    console.log(res.headers.x-subject-token);
  }

この書き方だとVSCodeのPrettierに怒られて保存時にこのままの形で保存されなかった。

成功した書き方

ok.tsx

axios.post(url, req_body, { headers: headers })
  .then((res) => {
    console.log(res.headers["x-subject-token"]);
  }