Unexpected no-floating-promises eslint error for MutationActionCreatorResult

[Rovack]

We have the following code:

const [mutateSomething, { isLoading }] = api.useMutateSomethingMutation();

[...]

return (
  <SomeComponent
    onSomeEvent={() => {
      mutateSomething(someArg);
    }}
  />
);

Understandably, we're getting a @typescript-eslint/no-floating-promises error.

Based on this comment, we've therefore configured our eslintrc with the following:

    '@typescript-eslint/no-floating-promises': [
      'error',
      {
        allowForKnownSafePromises: [
          { from: 'package', name: 'SafePromise', package: '@reduxjs/toolkit' },
        ],
      },
    ],

However, the eslint error isn't disappearing. Are we missing something, or does this just not work for this case for some reason?

Versions

• "@reduxjs/toolkit": "^2.2.6"
• "@typescript-eslint/eslint-plugin": "^7.13.1"
• "@typescript-eslint/parser": "^7.13.1"
• "eslint-plugin-react": "^7.34.3"

[aryaemami59]

@Rovack Is this still an issue?

[Rovack]

Yes, I just tried updating the dependencies and it doesn't look like anything's changed, with versions:

• "@reduxjs/toolkit": "2.5.0"
• "@typescript-eslint/eslint-plugin": "7.18.0"
• "@typescript-eslint/parser": "7.18.0"
• "eslint-plugin-react": "7.37.3"

[phryneas]

Maybe you also need to add the RTKQ export?

    '@typescript-eslint/no-floating-promises': [
      'error',
      {
        allowForKnownSafePromises: [
          { from: 'package', name: 'SafePromise', package: '@reduxjs/toolkit' },
+          { from: 'package', name: 'SafePromise', package: '@reduxjs/toolkit/query' },
+          { from: 'package', name: 'SafePromise', package: '@reduxjs/toolkit/query/react' },
        ],
      },
    ],

[Rovack]

Unfortunately it still doesn't work with the addition of those lines.
Not really sure how to debug why not.

[JoshuaKGoldberg]

I'm seeing this lint report on all Promises, too. Not sure if I'm setting things up wrong or what.

Minimal reproduction in https://github.com/typescript-eslint/examples/pull/20/files:

git clone https://github.com/typescript-eslint/examples
gh pr checkout 20
npm i
cd packages/redux-toolkit-floating-promises
npm run lint

.../index.ts
  16:1  error  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` operator  @typescript-eslint/no-floating-promises

I tried downgrading from the latest @reduxjs/[email protected] to all the versions since #4102 was merged, including down to 2.2.0. Still the lint report.

[phryneas]

@JoshuaKGoldberg did you also try to add the other two packages?

[JoshuaKGoldberg]

Ah, I did, I just neglected to check them in. Same issue. Added in typescript-eslint/examples@185fa5c.