En el código, obtuve datos del backend a través de axios. Quiero mostrar la galería de productos en la nube de forma dinámica a partir de los ID públicos obtenidos de la base de datos. Usé la documentación de cloudinary para el código de la galería del producto. En el método de obtención de axios, obtengo un objeto json que tiene una matriz "sampleimg" que contiene los identificadores públicos, y configuré ese objeto json en el estado de datos. En el código actual, asigné la matriz "sampleimg" dentro del método mediaAssets, pero me da este código de error. Uncaught (in promise) Error: 🌧🌧🌧 Cloudinary Product Gallery Configuration: one or more of your configuration values are not valid: 🌧🌧🌧an error with the definition of your media asset Por favor, ayúdenme con este error.

 import React, { Component } from 'react'; import axios from 'axios'; class Details extends Component { state = { data: { } } async componentDidMount(){ let data = await axios.get('/admin/movies') let lands = [...data.data] let land = lands.find(l => l._id === this.props.match.params.id) this.setState({data: land}) const mywidge = window.cloudinary.galleryWidget({ container: "#my-gallery", cloudName: 'CLOUDENAME', mediaAssets:[ this.state.data.sampleimg.map(id => ( { publicId: id, mediaType: "image" } )) ], zoom: false, transition: "fade", carouselStyle: 'none', }); mywidge.render() } render() { return ( <div style={{paddingTop: '80px'}}> <div id='my-gallery'> </div> </div> ); }

}

exportar detalles predeterminados;