TypeError: collections.Map is not a function : <p>My page appears with TypeError: collections. Map is not a function
This here is my JS code. I dont know what the problem is </p>

<pre><code>    this.state = {
        collections: SHOP_DATA
    };
}

render() {
    const {collections} = this.state;
    return (

        &lt;div className='shop-page'&gt;

        { collections.Map(({id, ...otherCollectionProps}) =&gt; (
            &lt;CollectionPreview key={id} {...otherCollectionProps} /&gt;
        ))}

    &lt;/div&gt;
    );
}
</code></pre>

<p>}</p>

<p>export default ShopPage; </p>
