title: 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
body: <pre><code>constructor(props) {
          super(props);
          this.state = {
              message: []
          };
      }
  
      async getData() {
          await axios.get(&quot;https:...&quot;)
          .then((response) =&gt; {
              console.log((response));
              console.log(typeof(response)); // object
              const convertString = JSON.parse(response.data.body);
              this.setState({message: convertString});
              console.log(convertString));
          })
      }
  
      componentDidMount() {
          this.getData();
      }
  
      render() {
          const obj = (this.state.message);
          console.log(obj);
          return(
              &lt;div&gt;
                  {this.state.message}
              &lt;/div&gt;
          )
  </code></pre>
  <p>I get the error: &quot;Error: Objects are not valid as a React child (found: object with keys {Items, Count, ScannedCount}). If you meant to render a collection of children, use an array instead.&quot;</p>
  <p>console.log(convertString) gives me this:</p>
  <pre><code>Items: Array(4)
  0: {key1: &quot;value&quot;, key2: &quot;value&quot;}
  1: {key1: &quot;value&quot;, key2: &quot;value&quot;}
  2: {key1: &quot;value&quot;, key2: &quot;value&quot;}
  3: {key1: &quot;value&quot;, key2: &quot;value&quot;}
  </code></pre>
  <p>How should I pass the data via this.setState() if I want to render the array in a table format?</p>