Obtengo una imagen de GetObjectCommand en backend (nodejs, express) y luego paso a frontend (reaccionar). Quiero mostrar la imagen pero los datos son [objeto de objeto].

la pregunta es ¿cómo puedo convertir [objeto objeto] a URL para usar en img.src?

back-end:

 const retrieveFile = asyncHandler(async (req, res) => { try { const param = { Bucket: 'my-bucket', Key: req.params.id, }; const data = await s3.send(new GetObjectCommand(param)); res.json(data.Body.toString('utf-8')); //------------------> [object object] sent to frontend } catch (err) { res.json('Error', err); } });

Interfaz:

 const getImageFromStorage = async () => { try { const { data } = await axios.get( '/api/storage/retrievefile/sadcat.jpg' ); return data; //------------------> [object object] received from backend } catch (err) { console.error(err); } }; . . . <img alt='myimg' src={getImageFromStorage()} /> //------------------> show image