pre fetch serveral prodecures dynamically

assetsToDownload: ({
    router: "topos";
    procedure: "byId";
    params: {
        topoId: string;
        zoneId: string;
    };
    version: number;
    zoneId: string;
} | {
    router: "walls";
    procedure: "byId";
    params: {
        wallId: string;
    };
    version: number;
    zoneId: string;
} | {
    ...;
} | {
    ...;
})[]

  await filteredAssets.reduce(async (prevAsset, asset, index) => {
    const { params, router, procedure, version, zoneId } = asset;
    const queryKey = stringify({ router, procedure, params });

    try {
      //@ts-ignore
      const selectedClient = client[router][procedure];

      //@ts-ignore
      const data = await selectedClient.query(params);

      await offlineDb.setOrCreate(db, queryKey, zoneId, data, version);
    } catch (error) {}
    const r = (await prevAsset) + 1;
    dispatch(setProgress((index + 1) / totalAssets));

    return r;
  }, Promise.resolve(0));

    downloadedList.forEach((asset) => {
      const { params, router, procedure, zoneId } = asset;

      // @ts-ignore
      const selectedUtil = utils[router][procedure];

      const db = offlineDb.open();
      const savedData = offlineDb.get(
        db,
        stringify({ router, procedure, params }),
        zoneId,
      );

      if (!savedData) return;

      selectedUtil.setData(params, savedData.data);
      db.close();
    });
  }, [utils]);