LWC wireアダプタで取得したオブジェクトリストの操作

Question

前提・実現したいこと

LWCにおいて、wireアダプタでAPEXから取得したデータをJS内で操作したいのですが、
配列番号、キーを指定してもデータが取り出せません。

発生している問題・エラーメッセージ

@wire(getSchedule, {formDate: '$formDate'})
    loadMaterial(result) {
        console.log(result);
        // →{data: Array(7), error: undefined}

        console.log(result['data']);
        // →(7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]

        console.log(result['data'][0]);
        // →エラー [Cannot read property '0' of undefined]
}

試したこと

result['data']は操作できるので、あらかじめ作成した空の配列に追加して、
データを引き出すと、なぜか取得できましたが、結局その先のObjectに対して、
キーを指定してもデータが取得できなかったので、根本的な問題があるんじゃないかと考えてます。

var data = [];
data = data.concat(result['data']);

console.log(data[0]);
// →{Name: "未定", CompImage__c: "<p></p>", CreateFlag__c: false}

console.log(data[0].CompImage__c);
// →エラー[Cannot read property 'CompImage__c' of undefined]
console.log(data[0]['CompImage__c']);
// →エラー[Cannot read property 'CompImage__c' of undefined]

補足情報（どんな情報が必要かわからない。。。すみません。）

Salesforce Apiバージョン52
sfdx-cli/7.112.0 win32-x64 node-v14.17.4

Answer 1

下記の通りにすることで、データの中身を操作できました。ありがとうございました。

@wire(getSchedule, {formDate: '$formDate'})
    loadMaterial({data, error}) {
    if(data) {
        console.log(data[0].CompImage__c);
        // →中身が表示された。
    }
}