Avoid using `@typescript-eslint/no-floating-promises` when using a `const` function

Question

Avoid using `@typescript-eslint/no-floating-promises` when using a `const` function

Can anyone help me understand why the

@typescript-eslint/no-floating-promises

rule works with some async functions but not all?

To my understanding, these two functions should be equivalent:

const getUser = async (userId: string): Promise<User> => {
  const userRef = await getUsersCollection().doc(userId).get()
  return userRef.data()
}

async function getUser2(userId: string) {
  const userRef = await getUsersCollection().doc(userId).get()
  return userRef.data()
}

However, I noticed that when running npm lint or checking my code in VS Code, only one call triggers the no floating promises error. Why is this happening?

https://i.sstatic.net/2Gb8s.png

javascript typescript typescript-eslint

Answer 1

Answer №1

The promise wasn't assigned to a variable, causing the issue.

To fix this, you can either assign it like this:

const data = fetchData()

or handle it using .then() and .catch() methods:

fetchData().then(() => do something).catch(() => handle error)

Answer 2

The promise wasn't assigned to a variable, causing the issue.

To fix this, you can either assign it like this:

const data = fetchData()

or handle it using .then() and .catch() methods:

fetchData().then(() => do something).catch(() => handle error)

Avoid using `@typescript-eslint/no-floating-promises` when using a `const` function

Answer №1

Similar questions

eliminate the firebase firestore query using onSnapshot

I am attempting to change a "+" symbol to a "-" symbol using a Bootstrap toggle feature

Creating a Duplicate of the Parent Element and its Child Elements using jQuery

Make sure that every component in create-react-app includes an import for react so that it can be properly

Is there a way to recognize each individual browser window that is presently open?

Exploring techniques for creating realistic dimensions in CSS

Upon opening index.html in the browser, the jQuery code fails to execute, as no errors are displayed in the console

What steps can I take to persistently subscribe to SignalR from an Angular service even in the event of connection failures?

Importing external components from the parent directory in Next.js is a seamless process

A guide on sending a post request with Axios to a parameterized route in Express

Shifting attention from one input to another by utilizing a barcode scanner

Creating a seamless REST API using Node.js and the Tedious library: A comprehensive guide

Angular Material Clock Picker for 24-Hour Time Selection

Dynamic font size that adjusts as you change the window dimensions

The Nuxt authentication middleware fails to function properly upon clicking the back button in the browser

able to utilize service within a loop

Tips for addressing the ESLint issue stating that the package should be included in dependencies instead of devDependencies

The dropdown in vue-multiselect automatically closes after the first selection is made, ensuring a smooth user experience. However,

For each variable, assign a value

Use ajax to dynamically update the contents of a textbox