Tenho o seguinte código:

    requireUsers = () => {
        this.users = database.ref('users')
        this.users.on('value', snapshot => {
            this.state.users = snapshot.val()
            Object.keys(snapshot.val()).map((value,key) => emails[key] = snapshot.val()[value].email)  
        })       
    }

    requireSeries = () => {
        Object.keys(emails).map((value,key) => emails[value] === email ? userId = Object.keys(this.state.users)[key] : "")
        this.series = database.ref(`users/${userId}/series/${this.props.match.params.genre}`)
        this.series.on('value', snapshot => {
            this.setState({
                series: snapshot.val()
            })
        })
    }

    componentDidMount = () => {
        auth.onAuthStateChanged(user => {
            if (user){
                email = user.email   
                this.setState({
                    isLoggedIn: true,
                    isLoading: false
                })              
                this.requireUsers()
                window.setTimeout(this.requireSeries, 2000)  
            }
        })         
    }

Sei que essa função `window.setTimeout(this.requireSeries, 2000)` vai dar pau alguma hora, quando o número de registro de usuários for grande, mas é a unica maneira que encontrei para carregar os dados no `this.state.users`. Tentei usar `async` e `await` mas não funcionou. Alguém sabe como usaria `async` / `await` aí?