请问应用启动时加载其他全局model的最佳姿势？

[jasonbigl]

如题，假如以下使用场景：有一个model为workspace，需要在应用启动的时候加载用户的workspace列表，我应该在哪里执行这个加载动作？找了半天没找到合适的地方

// model/workspace.tsx
import { request } from "@umijs/max";
import { useState } from "react";

export default () => {
    const [list, setList] = useState([]);
    const [loading, setLoading] = useState(true);

    //加载数据
    const refresh = async () => {
        request('/workspaces', {
            method: 'get'
        }).then((ret) => {
            if (!ret.suc) {
                return;
            }

            setList(ret.data);
        }).finally(() => {
            setLoading(false)
        });
    }

    return {
        list,
        setList,
        loading,
        refresh,
    };
};

我应该在什么位置执行以下加载动作？

const {refresh} = useModel("workspace");
refresh();

ps. 没用useEffect加载数据是因为用户还可以添加workspace，需要添加成功后重新拉取，所以改成手动拉取数据的方式

本来打算在layout中处理，但是layout都是配置式的，是不是得用个自定义布局处理这个？