Установить изображение в HTML из запроса API node.js

Question

У меня есть запрос API, который возвращает изображение продукта, которое было сохранено в базе данных в виде буфера в MONGODB. API возвращает изображение, и я хочу, чтобы это изображение использовалось в качестве источника для моего элемента html. Как мне это сделать?

Запрос API:

router.get('/product/avatar/:id', async (req, res) => {
    try{
        const product = await Product.findById(req.params.id)

        if(!product || !product.avatar){
            throw new Error()
        }
        // console.log('product avatar')

        res.set('Content-Type', 'image/png')
        res.send(product.avatar)
    } catch(e) {
        res.status(404).send()
    }
})

И вот как я пытался присвоить это изображение моему HTML приведенному ниже фрагменту кода, который является частью javascript используется для отображения информации на веб-странице из базы данных.

        var picId = data[i].name + 'Image'
        // console.log(data[i]._id)
        fetch('/product/avatar/'+data[i]._id, {
            method: 'GET'
        }).then((res) => {
            return res.json()
        }).then((data) => {
            // picId.value = data 
            // document.getElementById(picId).src = data
            console.log(data)  
        })