How to fetch data from gun js in React

Question

I got stuck at fetching data from gun js

gun.get("messages").map().on((data, id) => console.log(data.title));

This data contains an objects with two properties title and id.

But I am getting an 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.

Thanks in advance