const Cart = ({ details }) => { let { loading, data } = details; console.log(data); return ( <div> {loading ? ( <p>Load</p> ) : ( <table> <thead> <tr> <th>Id</th> <th>Title</th> <th>Completed</th> </tr> </thead> <tbody> {data.map((d) => { return ( <tr key={d.id}> <td>{d.id}</td> <td>{d.title}</td> <td>{d.completed ? "OK" : ""}</td> </tr> ); })} </tbody> </table> )} </div> ); }; export default Cart;

El registro de detalles de la consola es:

 { loading: false, data: {…}} data: {data: Array(3)} loading: false "================="

el registro de datos de la consola es

 {data: Array(3)} data: Array(3) 0: {userId: 1, id: 1, title: 'delectus aut autem', completed: false} 1: {userId: 1, id: 2, title: 'quis ut nam facilis et officia qui', completed: false} 2: {userId: 1, id: 3, title: 'fugiat veniam minus', completed: false} length: 3

Estoy recibiendo un error:

TypeError no detectado: data.map no es una función
en el carrito