отображать данные Firebase на графиках React Native

Question

Я создаю приложение React Native (вместе с Expo), и у меня возникают проблемы с переносом данных из Firebase в графики. Я использую реактив-native-svg-чарты и пример, который у меня есть:

import React, {Component} from 'react';
import {
    Text,
    StyleSheet,
    ScrollView,
    View,
    TouchableOpacity, Button, Alert, Image,
} from 'react-native';
import {Grid, LineChart, AreaChart, YAxis, PieChart, StackedAreaChart, BarChart} from 'react-native-svg-charts';
import * as shape from 'd3-shape';


class GraphExample extends React.PureComponent {

    render() {

        const data = [ 50, 40, 45, 65, 85, 22, 30, -10, 35, 53, 53, 24, 50, 20, 80 ]


        return (
            <View>
                <AreaChart
                    style={{ height: 200 }}
                    data={ data }
                    contentInset={{ top: 30, bottom: 30 }}
                    curve={ shape.curveNatural }
                    svg={{ fill: 'green' }}
                >
                    <Grid/>
                </AreaChart>
            </View>
        )
    }
}

Как мне перенаправить данные из моей базы данных туда, где они говорят о постоянных данных?

Спасибоза вашу помощь.