如何将Typescript Generic应用于以下API获取程序

我创建了一个相当简单的函数来环绕fetch。我试图弄清楚的是如何使用TS泛型在返回中为“data”设置类型。

const apiFetchData = async (
    url: string,
    options = {},
): Promise<FetchResponse> => {
    try {
        const res = await fetch(url, options);
        const data = (await res.json()) || null;
        const statusCode = res.status;

        return {
            data,
            hasData: !!data,
            statusCode,
            error: (statusCode !== 200 && true) || false,
            errorType: (statusCode !== 200 && 'api') || null,
        };
    } catch (error) {
        return {
            data: {
                error: error.message,
            },
            hasData: false,
            statusCode: 500,
            error: true,
            errorType: 'application',
        };
    }
};

FetchResponse类型看起来像这样:

type FetchResponse = {
  data: {
    [key: string]: {};
    error?: string;
  };
  hasData: boolean;
  statusCode: number;
  error: boolean | null;
  errorType?: 'api' | 'application' | null;
};

如果我知道我的API将返回以下内容:

type User = {
  name: string;
  email: string;
}

然后,我希望我的FetchResponse是:

type FetchResponse = {
  data: User;
  hasData: boolean;
  statusCode: number;
  error: boolean | null;
  errorType?: 'api' | 'application' | null;
};

这样我就可以做这样的事情:

const response = await apiFetchData('URL');
console.log('User name is', response.data.name);

目前我做了这样的事情,这很有效,但看起来很长

type FetchWithUserType = FetchResponse & {
    data: {
        error?: string;
        user?: User;
    };
};

然后:

const response: FetchWithUserType = await apiFetchData('URL');
console.log('User name is', response.data.name);

如果仿制药不是前进的方向,有人能帮我把它做得更好吗?这样我就可以做我想要的了。本质上,问题在于我希望我的VSCode智能感知知道返回的数据中有什么。Vs.是一个并且必须在代码之间不断切换。