Typescript - mapを使ってoptionタグ配列を生成しようとすると[object Object]と出てしまう

Question

目標物

都道府県やその他データとなるselect物をoptionタグでmap配列してくれる物を作ろうとしています。
しかし[object Object]と出てしまい、思うようにデータを参照させる事が出来ず、困っています。
初歩的な質問で申し訳ないのですが、どなたかご回答頂けたら助かります。

##現在のコード内容

export type definesData = {[key:string]:string}[]

export const Prefs : definesData = [
  {key:'hokkaido', name:'北海道', area:'Hokkaido'},
  {key:'aomori', name:'青森', area:'Tohoku'},
  {key:'akita', name:'秋田', area:'Tohoku'}
];

function listToOption(list:definesData) : JSX.Element[] {
  return list.map((props:{[key:string]:string}) =>
    <option key={props.key} value={props.keys}>{props.name}</option>
  )
}

export const selectPrefs : JSX.Element[] = listToOption(Prefs);

Error内容

Encountered two children with the same key, [object Object]. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

Comments

[miyabi_pudding]

option要素の記載があるので、何かのフロントエンドフレームワークを使っていますよね？
フレームワークの質問タグ追加、その記載、どこでどう使用しようとしているかを部分的にではなく全体的に記載していただかないと、回答しようがありません。
この構文のみで解決できるものではありません。

[metafuku]

今しがた自己解決しまして、みやびさんの仰る通り全体的な物でした。
回答依頼を出しておきながら時間だけを奪ってしまう形になり、ご迷惑をお掛けして申し訳ありません。

[miyabi_pudding]

なんもです。
解決されて何よりです。

[metafuku]

有難うございます、すいません。
また、宜しくお願い致します。

Answer 1

自己解決しました。
質問内容がエラーを吐き出していた原因ではなく、この関数を反映させた部分で{props.name}とすべき所を{props}のままにしていたという、初歩以前の問題でした。

観覧された方、お時間を取らせて申し訳ありませんでした。