该应用程序由 Next.js 运行。我有一个 useQueries 钩子：const userQueries = useQueries({ queries: user.contacts.map((contactId: string) => ({ queryKey: ['contact', conta...

该应用程序由 Next.js 运行。

我有一个 useQueries 钩子：

    const userQueries = useQueries({
        queries: user.contacts.map((contactId: string) => ({
            queryKey: ['contact', contactId],
            queryFn: () => getUserById(contactId),
        }))
    });

api.ts 文件中的函数“getUserById”：

export async function getUserById(userId: string) {
    const supabase = createClient();
    let {data} = await supabase
        .from('users')
        .select()
        .eq('id', userId);

    return data && data[0]

}

我发现当我以这种方式加载数据时，它会按顺序加载而不是并行加载。

我尝试将 api 函数设为非异步，以便每个请求不会等待前一个请求，但 Next.js 禁止在没有“async”前缀的情况下执行服务器操作。有办法解决这个问题吗？