title: I'm trying to display a list of object on my HTML
body: <p>countries contains datasets I want to display on my page. When I console.log(item.name), I get that dataset but when I try to return that dataset to an HTML page. I'm getting this error <code>Error: Objects are not valid as a React child</code></p>
  <pre class="lang-js prettyprint-override"><code>  test = async () =&gt; {
      let { data: countries, error } = await supabase
      .from('countries')
      .select('name')
      countries.map(item =&gt; {return item.name})
    }
  </code></pre>