Incapaz de resolver una imagen en una matriz en Reaccionar JS

Estoy tratando de importar imágenes en una matriz en Reaccionar JS. Mi intención es ser capaz de asignar a través de la matriz y tenemos las imágenes aparecen como hace un tiempo. Sin embargo, mis imágenes no son correctamente resuelto. Estoy bastante seguro de que es un error de sintaxis de mi haciendo, pero no soy capaz de resolver esto. Soy actualmente un estudiante que está aprendiendo a reaccionar, así que cualquier ayuda es muy 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>
        )
    ))
}

Mensaje De Error