Error: Objects are not valid as a React child (found: object with keys {~~~}). If you meant to render a collection of children, use an array instead.って何。

はじめに

やけに長いタイトルですね。

よくあるReactのエラーです。

ネットで調べたらすぐ出てくるかと思いますが。

わざわざ記事にしなくてもいいかもと今になって思います。

結論

「あんた、Objectをレンダーしようとしてるけど、できまへんで。」

ということ。

よくあるのはerrorをそのまま 描画しようとして、実はそのエラーがただの文字列ではなくてオブジェクトで、というオチ。

error.messageとかにすれば OKになるやつです。

誰しもよくやることなので気をつけましょう。