Мне нужно заполнить сделать топ в приле на react

Здравствуйте! Я делаю приложение на реакте. Во фронтенде я не силен. Мне нужно сделать топ игроков в нем. я получаю данные с сервера. обрабатываю их, но не могу понять как их можно вывести. Вот что есть:

async function getInfo (top) {
let m = []
for (let i = 0; i < top.length; ++i) {
let user = await bridge.send("VKWebAppCallAPIMethod",
{
"method": "users.get",
"params": {
"user_ids": top.id,
"fields" : "photo_200",
"v":"5.131",
"access_token" : ""
}
})
user = user.response
m = (
<Cell
before={user.photo_200 ? <Avatar src={user.photo_200}/> : null}
>
{`${user.first_name} ${user.last_name}`}
</Cell>
)

}
return m

}


const Top = ({ id, go, fetchedUser}) => (
<Panel id={id}>
<PanelHeader>Топ игроков</PanelHeader>
<Group header={<Header mode="secondary">топ-100 игроков</Header>}>
<List>
{getInfo(fetchedUser.t['users']).map}
</List>
</Group>
<Group>

</Group>
</Panel>
);

export default Top;