[React]uniq key がないときの `Each child in a list should have a unique "key" prop.` の回避方法

サンプル作ってたり、データにユニークな key がないときに出る Each child in a list should have a unique "key" prop. のエラーが面倒だなと思ってたんですが、 React.Children.toArray で回避できる。

<>
  {React.Children.toArray(items.map(item => <div>{item.title}</div>))}
</>

データ構造が非公開の children を平坦な配列として返し、それぞれの要素に key を割り当てます。

便利！