Schopni vyřešit obrázku do pole v JS Reagovat

Snažím se importovat obrázky do pole v React JS. Můj záměr je, aby bylo možné mapu přes pole a obrázky se objeví jeden jako čas. Nicméně, moje obrázky nejsou řádně vyřešeny. Jsem si docela jistý, že to je syntaktická chyba moje, ale já nejsem schopen to vyřešit. Já jsem v současné době student, který se právě učí reagovat, takže jakékoliv a všechna pomoc je velmi ceněn!

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é Zprávy