[TypeScript]オブジェクトのキーを型定義で制限したい

Question

聞きたいこと

ReactをTypeScriptを使用して、オブジェクトのキーを特定の文字列のみにしたいと思っています。
現状下のように実装していて、sample.or の中の配列のキーを、aaaaaa か bbbbb のみにしたと思っています。

:

  type sampleKey = 'aaaaaa' | 'bbbbb';
  interface Sample {
    or: { sampleKey: { eq: string } }[];
  }

  const [sample, setSample] = useState<Sample>({
    or: [{ aaaaaa: { eq: 'xxxxxx' } }],
  });

:

しかし下のエラーが出てしまっているため、コンパイルが通りません。

TS2322: Type '{ aaaaaa: { eq: string; }; }' is not assignable to type '{ sampleKey: { eq: string; }; }'.   Object literal may only specify known properties, and 'aaaaaa' does not exist in type '{ sampleKey: { eq: string; }; }'.

Answer 1

現状下のように実装していて

これでは、Sample.orは、文字通りsampleKeyというキーを持ったオブジェクトだけ入れられる状態となっています。

{[k in sampleKey]: { eq: 'xxxxxx' }}のように、sampleKeyという型を使うことを明示してください。