Necesito mostrar imágenes de directus

 import React, { useEffect, useState } from 'react' import { fetchArticles } from './async/fetchArticels' const FileUpload = () => { const [articles, setArticles] = useState([]) useEffect(()=>{ fetchArticles().then(data => setArticles(data)) }, []) return ( <div> {articles.map(article => <div> <h3>{article.title}</h3> <img src={article.image} alt="img" /> </div> )} </div> ) } export default FileUpload

código

 import axios from "axios" export const fetchArticles = async () => { const {data} = await axios.get('http://localhost:8055/items/articles') console.log(data.data) return data.data }

del directus me sale este dato

Leí sobre el método blob, pero no puedo entenderlo.

¿Qué tengo que hacer?