Promise allSettled is not a function

Question

I planned updating some Promise.all to Promise.allSettled in my React Native - Expo Project but the function does not Exist. i checked all Versions and everything fits but i still cant use the function.

node -v: 14.15.4

expo SDK -v version: ^40.0.1

expo uses react native -v 0.63 in their SDK version. This should not be the problem. This is the error message:

Promise.allSettled is not a function

Does anybody knows a solution to this? Thank you for your help!

I m not sure about what a polyfill is. i googled it right now and i think expo already use one. Its called babel — jovan, Mar 11 '21 at 02:36
Babel alone is fundamentally a transpiler, not a polyfill service, though you can use polyfills with it with @babel/polyfill — CertainPerformance, Mar 11 '21 at 02:46
Promise.allSettled is a relatively new API so you may need to polyfill it if you want to use it. Expo and React Native use JavaScriptCore by default. On iOS, they will use the version of JavaScriptCore that is available for that operating system version. On Android, it is provided by this package: https://github.com/react-native-community/jsc-android-buildscripts. This is a long winded way of saying that what works in your web browser or Node may not work in the React Native environment and vice versa because they use different JS engines and versions of those engines. — brentvatne, Mar 11 '21 at 02:55
@jovan it was updated in 0.70.6 version of RN and works from the box, check my answer https://stackoverflow.com/questions/66575667/promise-allsettled-is-not-a-function/74458309#74458309 — Kirill Novikov, Jan 16 '23 at 10:37

score 13 · Accepted Answer · answered Nov 25 '21 at 16:01

13

For anyone coming across this issue, apparently this was fixed in v64:

https://github.com/facebook/react-native/issues/30236#issuecomment-939286987

For older versions, you can use a simple polyfill:

Promise.allSettled = Promise.allSettled || ((promises) => Promise.all(
    promises.map(p => p
        .then(value => ({
            status: "fulfilled",
            value
        }))
        .catch(reason => ({
            status: "rejected",
            reason
        }))
    )
));

answered Nov 25 '21 at 16:01

NullDev

6,739
4
30
54

7

Is this resolved because I'm using v66 and it still causes an issue – Mohamed Sabry Abed Apr 08 '22 at 19:47
@MohammedSabri same with me with v64 – Varun Jul 09 '22 at 09:00
@Varun I had to write it from scratch – Mohamed Sabry Abed Jul 12 '22 at 16:43
still happen in react native v0.68.2! – frank61003 Oct 21 '22 at 03:05
still needed polyfill in 69.1 – Abe Nov 18 '22 at 21:08
no need since 0.70.6 – Kirill Novikov Dec 04 '22 at 13:35

score 8 · Answer 2 · answered Nov 16 '22 at 09:47

React Native uses https://github.com/then/promise for Promises and only in version 8.2.0 it was added with allSettled. React Ntaive team updated to this version only in 0.70.6 (here list of changes including promise version bumping to 8.3.0 https://github.com/facebook/react-native/releases/tag/v0.70.6)

score 3 · Answer 3 · answered Apr 28 '22 at 11:23

export const PromiseHelperAllSettled = (promises) => {
    return Promise.all(promises.map(function (promise) {
        return promise.then(function (value) {
            return { state: 'fulfilled', value: value };
        }).catch(function (reason) {
            return { state: 'rejected', reason: reason };
        });
    }));
};

import { PromiseHelperAllSettled } from './PromiseHelperAllSettled';
useEffect(() => {
if (Promise && !Promise.allSettled) {
      Promise.allSettled = PromiseHelperAllSettled;
    }
},[]);

Promise allSettled is not a function

3 Answers3

Linked