HOC for injecting config props after firebase remote config async call is completed

withRemoteConfig.js

import React from 'react'
import firebase from 'react-native-firebase'

const withRemoteConfig = (configValues = []) => Component => (
    class EnhancedComponent extends React.Component {
        state = {
            config: {}
        }

        componentDidMount = async () => {
            if (!configValues.length) {
                return
            }

            const snapshot = await firebase.config().getValues(configValues)

            if (snapshot) {
                const config = Object.keys(snapshot).reduce((acc, key) => {
                    acc[key] = snapshot[key].val()

                    return acc
                }, {})

                this.setState({ config })
            }
        }

        render = () => {
            const { config } = this.state
            return (
                <Component
                    {...this.props}
                    config={config}
                />
            )
        }
    }
)

export default withRemoteConfig