Promises must be awaited, end with a call to .catch, end with a call to .then with a rejection handler or be explicitly marked as ignored with the
void operator25 }
26 }
27 useEffect(() => {
28 getUserInfoHandler()29 }, [])
30 return (
31 <div>
Description
Usage of Promise-like values in statements without handling their errors appropriately is dangerous.
Unhandled promises can cause several issues, such as improperly sequenced operations, ignored Promise rejections and more.
Valid ways of handling a Promise-valued statement include awaiting, returning, and either calling .then() with two arguments or .catch() with one argument.
If you'd like to ignore unhandled promises at their call site, consider using the void operator:
void returnsPromise();
Bad Practice
const promise = new Promise((resolve, reject) => resolve('value'));
promise;
async function returnsPromise() {
return 'value';
}
returnsPromise().then(() => {});
Promise.reject('value').catch();
Promise.reject('value').finally();
Recommended
const promise = new Promise((resolve, reject) => resolve('value'));
await promise;
async function returnsPromise() {
return 'value';
}
returnsPromise().then(
() => {},
() => {},
);
Promise.reject('value').catch(() => {});
Promise.reject('value').finally(() => {});