试图使用react useState添加对象数组,但出现错误“对象作为react子对象无效(找到:具有键{}的对象)”

我试图使用React-useState添加一个对象数组,但一直出现错误

对象作为React子对象无效(找到:具有键{}的对象)

这是我在应用程序中的代码。js 注:回复。数据被记录在控制台中,它的类型是一个对象

const [users, setUsers] = useState([])

useEffect(() => {
    Axios.get("http://localhost:3001/").then((response) => {
        setUsers([...users, response.data])
    }).catch((err) => console.log(err))
}, [])

这是get api

app.get("/", (req, res) => {
    userModel.find({}, (err, result) => {
        if(!err) {
            res.json(result) //sends 'result' to front end
        } else {
            res.json(err)
        }})
})

数据(结果)被发送到前端

这是我想添加的数据

[{
    name: 'John',
    age: 20
},
    name: 'Doe',
    age: 23
}]

编辑:像[0,1,2]这样的简单数组被添加到用户中,而包含对象的数组没有被添加

编辑2: 这就是我的全部功能:

export default function App() {

    const [users, setUsers] = useState([])

    useEffect(() => {
        Axios.get("http://localhost:3001/").then((response) => {
            setUsers([...users, response.data])
        }).catch((err) => console.log(err))
    }, [])

    return(
        <>
            {users.map((user) => {
                return(
                    <div>
                        <h1>{user}</h1>
                    </div>
                )
            })}
        </>
    )
}