React.jsでTSXを使う時にrenderに配列を渡せない
React.jsをTSXで使っている時にReactDOM.renderに直接VDOMの配列を渡そうとすると型エラーが発生する、これは(たぶん)ルートが配列になっているのがJSXとしてinvalidなため 対処方法はいくつかあるが、一番よさそうなのがこれ
<>{hoge.map(fuga => fuga.piyo())}</>みたいに空のタグで囲ってやるとちゃんと通るようになって、React側はこれを無視してレンダリングしてくれる
ドキュメントよく見たら書いてあるやん…しかもよくわからんからと飛ばした所
Fragmentという機能らしい
参考資料