オブジェクトのkeyを引数に指定したい

Question

typescriptで引数にオブジェクトの　keyを指定したいときにonChangeCompany内の引数attributeにcompany,jobtitleなどkeyを入れたい

しかし、attribute部分に
//Property 'attribute' does not exist on type 'Carrers'
と型が合わないと怒られてしまいます。
なにか良い方法あればご教示願います。

  const initialObject: Carrers = {
    company: '',
    jobTitle: '',
    address: '',
  };

  const [carrerState, setCarrerState] = useState([initialObject]);

// attributeでcarrerState内のオブジェクトのkeyを引数として使いたい
  const onChangeCompany = useCallback((index: number, value: string, attribute: string) => {

    setCarrerState(currentState => {
      let currentData = currentState[index].attribute;
      currentData = value;

      const newState = currentState.slice();
      newState[index].attribute = currentData;

      return newState;
    });

Answer 1

attribute には Carriers が持つ compary、jobTitle、addressが渡されるのですが、それをTypeScriptの型でも表現する必要があります。

愚直に attribute: "company" | "jobTitle" | "address"と書いても十分です。しかしプロパティが多い場合には大変です。
そこでattribute: keyof Carriersとするのが良いです。これでCarriersのプロパティを列挙した型を得ることができます。

const onChangeCompany = useCallback((index: number, value: string, attribute: keyof Carriers) => {
  setCarrierState(currentState => {
    const newState = currentState.slice()
    // ...
    return newState
})
}, [])

Answer 2

アクセスするメンバ名を動的に変更したいということでしたら、lodashのget を使うという手段があります。
※認識違っていたらすみません

+ import * as _ from 'lodash';
~中略~
- let currentData = currentState[index].attribute;
+ let currentData = _.get(currentState, `${index}.${attribute}`, ''); // 3番目はデフォルト値