Este código arroja el error mencionado anteriormente. También intenté desestructurar la matriz, pero muestra algún otro error, intenté todas las formas posibles de solucionarlo, pero fallé. Cualquier ayuda será apreciada.

 import React, { Component } from "react"; import Shop_Data_List from "./shopData"; import ShopPreview from "./shopPreview"; class Shop extends Component { constructor(props) { super(props); this.state = { collections: Shop_Data_List }; } render(){ const {collections} = this.state; return( <div> <h1>Shop Is Open</h1> <div> { collections.map(({id, title, items}) => ( <ShopPreview key={id} /> )) } </div> </div> ); } } const ShopPreview = ({title, items}) => { <div className="Wrapper"> <div className="title">Title</div> <div className="lreview"> {items.map((item) =>(<div key={item.id}>{item.name}</div>))} </div> </div> } export default ShopPreview;