react-apollo无法读取undefined的属性映射

Question

黑客同行！所以，我对使用React-Apollo和Graphql相当新。我目前有一个看起来像这样的查询...

0 202
1 102
2 101

将它喂入我的道具......

query GET_USER($id: Int!) { getUser(id: $id) { id firstname lastname pets { id name } } }

尝试使用...来映射宠物。

const { data: { getUser = [] } } = this.props;

经过多次尝试，我没有成功渲染数据的运气。虽然，如果我是console.log（getUser.pets），我会找回一个对象数组。

{getUser.pets.map(pet =>
    <div>
        {pet.name}
    </div>
 )}

这是文件仓库的链接 https://github.com/Jesus369/frendapet/blob/master/src/routes/userpage/UserRoute.js

有关如何将数据呈现给客户的任何建议吗？