Incapable de résoudre une image dans un tableau à Réagir JS

Je suis d'essayer d'importer des images dans un tableau à Réagir JS. Mon intention est d'être en mesure de carte à travers la matrice et les images apparaissent comme un moment. Cependant, mes images ne sont pas correctement réglés. Je suis assez certain que c'est une erreur de syntaxe de mon fait, mais je ne suis pas en mesure de résoudre ce problème. Je suis actuellement un étudiant qui est juste apprentissage de réagir, de sorte que toute aide est très appréciée!

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>
        )
    ))
}

Message D'Erreur