Nemôže vyriešiť snímky v poli v Reagovať JS

Som pokuse importovať obrázky do poľa v Reagovať JS. Mojím zámerom je, aby mohli na mape cez pole a majú sa obrázky zdajú byť jeden ako čas. Avšak, moje obrazy nie sú správne vyriešiť. Som si takmer istý, že je syntaktická chyba môjho robiť, ale ja som jednoducho nie je schopný vyriešiť tento. Ja som v súčasnej dobe študent, ktorý je len naučiť reagovať, tak všetky pomoc ocenia!

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

Chybové Hlásenie