Não é possível resolver uma imagem em uma matriz em Reagir JS

Estou tentando importar imagens em uma matriz em Reagir JS. A minha intenção é ser capaz de mapear a matriz e ter as imagens aparecem como um tempo. No entanto, as minhas imagens não estão a ser devidamente resolvido. Estou certo de que é um erro de sintaxe do meu fazer, mas simplesmente não sou capaz de resolver isso. Eu sou atualmente um estudante que está a aprender a reagir, de modo que toda e qualquer ajuda é muito apreciada!

import universe from "./images/universespider.jpeg"

let content = [
    {
        title: "Universe",
        image: universe,
        author: "Alex",
        date: "09/09/8099",
        blog: "Spider-Man is in different universes.",
    },
]

import "./blogs.css"
import content from "../../content"

export default function blogs() {
    return (
        content.map((blog, i) => (

        <div key={i}> 
        <div className="blogBox">
            {blog.title}
            {blog.image}
            {blog.author}
            {blog.date}
            {blog.blog}
            </div>
        </div>
        )
    ))
}

Mensagem De Erro