Typescript Object[key]を参照しようとするとエラーになる

Question

前提・実現したいこと

閲覧ありがとうございます
現在動的なオブジェクトを生成してブラケット記法で値を参照しようとしているのですが、
エラーになり参照できません。解決方法や別の方法で実現できるのであればご助言いただけると助かります

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

下記はVSCodeのエラーメッセージです

型 'any' の式を使用して型 '{}' にインデックスを付けることはできないため、要素は暗黙的に 'any' 型になります。

該当のソースコード

const propVale = [{id:'name',name:'名前'},{id:'age',name:'年齢'},{id:'sex',name:'性別'}]

const propValueById = propVale.reduce((previousValue,currentValue)=>{
    previousValue = Object.assign(previousValue,{[currentValue.id]:currentValue})
    return previousValue
},{})

function fetchValue(id){
    return propValueById[id]
}

fetchValue('name')

試したこと

ネットで色々調べたのですが今回のような型宣言ができない場合の解決方法が思い浮かびませんでした

補足情報（FW/ツールのバージョンなど）

Angularで開発しています
typescriptの設定によってはエラーが出ないかもしれません

Answer 1

今回のような型宣言ができない場合

できます。

const propValueById = propVale.reduce((previousValue,currentValue)=>{
    previousValue = Object.assign(previousValue,{[currentValue.id]:currentValue})
    return previousValue
},{} as Record<string, string | undefined>)

function fetchValue(id: string){
    return propValueById[id]
}

Comments

[wlo0603]

Record というものがあったのですね・・・
勉強になりました！
ご回答ありがとうございます！