React Queryでデータベースのパーティション化された並列クエリを実装するにはどうすればよいですか?

import { useQuery } from 'react-query';

// 定义一个分区函数，用于将任务分成多个子任务
function partitionArray(array, partitionSize) {
   const partitions = [];
   for (let i = 0; i < array.length; i += partitionSize) {
      partitions.push(array.slice(i, i + partitionSize));
   }
   return partitions;
}

// 定义一个获取用户信息的查询函数
async function fetchUserInfo(userId) {
   const response = await fetch(`api/users/${userId}`);
   const data = await response.json();
   return data;
}

// 定义一个并行查询的函数
async function parallelQuery(userIds) {
   // 将待查询的用户 ID 分成多个分区
   const partitions = partitionArray(userIds, 5);
   const promises = partitions.map(partition => {
      // 对每个分区创建一个异步任务，使用 useQuery 进行数据查询
      return useQuery(['userInfo', partition], () => {
         return Promise.all(partition.map(fetchUserInfo));
      });
   });
   // 等待所有异步任务完成，并合并结果
   const results = await Promise.all(promises);
   const mergedResult = results.reduce((acc, result) => {
      return [...acc, ...result];
   }, []);
   return mergedResult;
}

// 在组件中使用并行查询
function UserList() {
   const userIds = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
   const { data, isLoading, isError } = parallelQuery(userIds);

   if (isLoading) {
      return <div>Loading...</div>;
   }

   if (isError) {
      return <div>Error occurred while fetching user information.</div>;
   }

   return (
      <div>
         {data.map(user => (
            <div key={user.id}>
               <h2>{user.name}</h2>
               <p>{user.email}</p>
            </div>
         ))}
      </div>
   );
}