title: Unhandled Rejection (TypeError): props.places.map is not a function
body: <p>The React component is getting data via props but not able to render using map function:</p>
  <p><a href="https://i.stack.imgur.com/GDqkh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GDqkh.png" alt="enter image description here" /></a></p>
  <p>The component code is as follows:</p>
  <pre><code>function PlaceList(props) {
    console.log(props.places);
    
    return (
      &lt;p&gt;
      {props.places.map((place) =&gt; {
            return (
              &lt;ol&gt;  
                &lt;li&gt;{place.id}&lt;/li&gt;
                &lt;li&gt;{place.title}&lt;/li&gt;
                &lt;li&gt;{place.imp}&lt;/li&gt;
              &lt;/ol&gt;
  
            );
      })}
     &lt;/p&gt;   
    );
  }
  
  export default PlaceList;
  </code></pre>
  <p>The data can be seen on console:</p>
  <p><a href="https://i.stack.imgur.com/w8hAx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/w8hAx.png" alt="enter image description here" /></a></p>