ไม่สามารถแก้ไขภาพในอาเรย์ในตอบโต้ JS

ฉันพยายามที่จะใช้นำเข้าภาพไปเป็นอาเรย์ในตอบโต้ JS. ความตั้งใจของฉันคือที่จะสามารถบนแผนที่ผ่านอาเรย์และมีภาพที่ปรากฎเป็นเวลานะ อย่างไรก็ตามของฉันรูปภาพจะไม่ถูกอย่างเหมาะสกแก้ไขเรียบร้อยแล้ว ฉันมีบางอย่างที่แน่นอนมันเป็นรูปแบบการสั่งงานผิดพลาดของฉันมาทำอะไรแต่ฉันแค่ไม่สามารถแก้ไขเรื่องนี้ได้ ฉันกำลังนักเรียนที่เป็นแค่การเรียนรู้ตอบโต้ดังนั้นทุกอย่างและทุกความช่วยเหลือขอบคุณมากครั!

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

เกิดข้อผิดพลาดข้อความ