Застрял в React-Native + Redux & Firestore Query

Question

Извините, я немного новичок в React Native и Firestore и не смог устранить проблему в этой части кода. Итак, нужна помощь специалиста, чтобы я знал, что я делаю неправильно и где. По сути, я пытаюсь добиться того, чтобы показать результаты из моей таблицы пользователей на странице списка лидеров. В firestore идентификатор doc моей коллекции лидеров похож на идентификатор doc коллекции пользователей.

import React, { Component } from 'react';
import { Block, Text } from '../../components';

import { fs } from '../../config/fbConfig'; 

class LeaderboardCard extends Component {

   state = {
       userFirstName : ''
   }

   render() {
       const {leaderboards} = this.props;
       //console.log(leaderboards)
       return (
           <Block>
               {leaderboards.map(leader => {
                   fs.collection('users').doc(leader.id).get().then(snap => {
                       return (
                           <Block key={leader.id}>
                               <Text>{leader.totalKills}</Text>
                               <Block>
                                   <Text>{snap.data().firstName}</Text>
                               </Block>
                           </Block>
                       )        
                   })
               })
               }
           </Block>
       )
   }
}

export default LeaderboardCard;

Заранее спасибо!