Typescript throws an error when calling Promise.all with an array of promises

Question

I have a problem with Promises in Typescript. I'm trying to call Promise.all with an array of promises but instead, I get

No overload matches this call. The last overload gave the following error. Argument of type '(Promise | Promise)[]' is not assignable to parameter of type 'Iterable<boolean | PromiseLike>'. [...]

Below a simplified example of I'm referring to:

const promise1 = Promise.resolve(true);         //promise1:Promise<boolean>
const promise2 = Promise.resolve('promise...'); //promise2:Promise<string>
const promises = [promise1, promise2];

Promise.all(promises); //Error here

However, the code below works as I'd assume.:

const promise1 = Promise.resolve(true);
const promise2 = Promise.resolve('promise...');

Promise.all([promise1, promise2]);

Seems like a bug to me, but I'm not sure. I've been looking through GitHub, searching this problem but I didn't find any matching. Or am I doing something wrong and there is a solution so you can overcome the problem. Obviously, I can't just write Promise.all([promise1, promise2]) in my primary code because the array of promises is dynamic.

I'm using typescript @3.9.6.

Not an answer, because I can't explain the reason why it's not working automatically. But a simple solution would be to help the compiler and tell him the correct type like so const promises: Promise<boolean|string>[] = [promise1, promise2]; — Christoph Lütjen
– Christoph Lütjen, Commented Jul 14, 2020 at 12:22
That's probably because TypeScript cannot infer the promises array as an iterable of promises, but an array of a union type, which causes the mismatch in typing. Like what Christoph has suggested, you can simply cast promises so that it has a type of Promise<any>[], just as a hint to TypeScript. — Terry
– Terry, Commented Jul 14, 2020 at 12:32
Thank you for your comments but the problem is that the array of promises isn't fixed size. Original code that the question is based on is used to handle database queries. So the number of promises in the array may increase over time and it can contain a lot of different types. — Dominik
– Dominik, Commented Jul 14, 2020 at 12:50
If you don't want to list possible return types, just use any as Terry wrote in his comment. — Christoph Lütjen
– Christoph Lütjen, Commented Jul 14, 2020 at 12:57
Your example originally did work with a dev version of TS 3.9. Unfortunately, awaited has been reverted, so we'll have to wait a bit longer and use one of the workarounds. — ford04
– ford04, Commented Jul 14, 2020 at 14:05

bugs · Accepted Answer · 2020-07-14 13:28:08Z

8

The problem has nothing to do with Promises per se, but rather with the way TypeScript infers the type of a tuple.

You can read more about the actual issue in this answer, but the gist of it is the following

const a = [1, "a", true] //<- (string | number | boolean)[], not [number, string, boolean]

The problem should be fixed with the introduction of variadic kinds in TS 4.0. For now, there are two ways to do what you want.

The first one is const assertions

const b = [1, "a", true] as const // <- [number, string, boolean]

And the second one is to use a utility function like the one posted in the answer I linked above.

In your specific case, the way Promise.all is typed doesn't play well with how TS infers the type of promises. This is easily fixed by having a proper tuple with one of the methods described above.

Playground link

edited Jul 14, 2020 at 13:28

answered Jul 14, 2020 at 13:07

bugs

15.4k6 gold badges53 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript throws an error when calling Promise.all with an array of promises

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related