尝试返回类似于映射的对象

我正在尝试返回对象列表，以便以后在ag-grid中显示。但是，我最初尝试映射，但注意到它不是数组，它仅包含在{}中，因此出现了非函数错误。任何提示将不胜感激，或链接到相关资源，因为我还没有找到任何可以帮助我的东西]

api返回{“ author”：“ j.k rowling”，“ title”：“ Harry Potter”，“ id”：“ 1”，“ pages”：“ 1000”}

  useEffect(() => {
        fetch(/)
            .then(res => res.json())
            .then(json => json.map(res => {
                return {
                    author: res.author,
                    title: res.title,
                    id: res.id,
                    pages: res.pages,
                };
            })
            ).then(res => setRowData(res));
    }, []);

[ { "id":"1", "author": "j.k rowling", "title": "Harry Potter", "pages":"7000" }, { "id":"2", "author": "a.k sayomh", "title": "Singer role", "pages":"10000" }, //... ]