por favor, estoy enfrentando que el mapa no es un error de función cuando traté de mapear una matriz de objetos desde mongodb.

y el archivo console.log devuelve los datos correctos pero en formato de cadena. por favor ayúdame sobre cómo hacerlo. Gracias

 const [printz, setPrintz] = useState([ ]) const getOrder = async() =>{ try { const res = await axios.get("/products/receipt/all") setPrintz(res.data) } catch (error) { console.log(error); } } useEffect(()=>{ getOrder() }, [ getOrder]) console.log({DbDatas: printz}) // return the correct data {printz && printz.map(x =>( <tbody > <tr> <td>{x.product}</td> <td>{x.price}</td> </tr> </tbody> )) } </table>

abajo está la captura de pantalla de mongodb

...

creo que el problema es del backend

 router.get('/receipt/all', async (req, res) => { try { const getprint = await Prints.find() res.status(200).json( getprint +'Succes!') } catch (error) { res.status(500).json(`Error fetching data!!! ${error}`) } })