如何使用React Hooks和Context API将来自在useEffect内部调用的多个端点的数据正确添加到状态对象？

我正在对fetchData函数内部的firestore进行调用，然后将接收到的数据添加到state对象，但是问题是全局状态被最后一个api调用所覆盖，如我的console.log输出所示：

这是我的代码：

import React, { useState, useEffect } from 'react';

import { db } from './firebase';

export const StateContext = React.createContext();

export function ContextController({ children }) {
    const intialState = {
        projectList: [],
        blogList: [],
        count: 0
    };

    const [state, setState] = useState(intialState);

    useEffect(() => {
        fetchData();
    }, []);

    async function fetchData() {
        // get all projects
        db.collection('projects')
            .get()
            .then((querySnapshot) => {
                const data = querySnapshot.docs.map((doc) => doc.data());
                let sorted = [];

                // loop through each object and push to sorted array
                data.forEach((item) => {
                    sorted.push(item.body);
                });
                // reverse sort the projects
                sorted.sort(
                    (a, b) => parseInt(b.project_id) - parseFloat(a.project_id)
                );
                setState({
                    ...state,
                    projectList: sorted
                });
            });

        // get all blogs
        db.collection('blog')
            .get()
            .then((querySnapshot) => {
                const data = querySnapshot.docs.map((doc) => doc.data());
                setState({
                    ...state,
                    blogList: data
                });
            });
    }

    return (
        <StateContext.Provider value={[state, setState]}>
            {children}
        </StateContext.Provider>
    );
}

如何正确地将两个端点的数据添加到状态对象，以便可以在应用程序中的任何位置访问数据？