typescriptの型の付け方について

Question

前提

Typescriptを使用しており、axiosで取得したデータに型( ResponseType )を付けましたが、
// プロパティ 'result' は型 'ResponseType' に存在しません。
というエラーが出てしまいます。
以下に記載の該当のソースコードで、取得した戻り値に対して、
res.data.resultとアクセスしている箇所になります。

何が間違っているか見当が付かずご指摘頂けますと幸いです。

該当のソースコード

 type ResponseType = {
    status: number;
    data: {
      result: {
        url: string;
        name: string;
      }[];
    };
 };

const getUrl = async () => {
 const url = "https://***";
 const res = await axios.get<ResponseType>(url); 
 console.log(res.data.result); // プロパティ 'result' は型 'ResponseType' に存在しません。
};
getUrl();

・実際のレスポンス

{
  status: 200,
  data: {
    result: [
      {url: "###", name: "サイトA"},
      {url: "###", name: "サイトB"},
      {url: "###", name: "サイトC"},
    ],
  }
}

Comments

[hoshi-takanori]

たぶん、axios.get<ResponseType> すると res.data が ResponseType 型になるのでは…。

[2019]

ご返信ありがとうござます。
ご指摘のとおり、ResponseTypeの中身をresultのみにしたら直りました。
ありがとうございます。
```
type ResponseType = {
result: {
url: string;
name: string;
}[];
};
```

Answer 1

上記のコメントにもありますが、res.dataに対する型がResponseTypeでしたので、
以下のように修正しならエラー解決しました。
ご指摘頂きました、hoshi-takanori様ありがとうございました。

type ResponseType = {
      result: {
        url: string;
        name: string;
      }[];
 };