support 3rd-party thenables, handle async errors same way as sync

Author: thorn0

docs/api/createAsyncThunk.mdx

@@ -357,7 +357,7 @@ const updateUser = createAsyncThunk(
 
 ### Canceling Before Execution
 
-If you need to cancel a thunk before the payload creator is called, you may provide a `condition` callback as an option after the payload creator. The callback will receive the thunk argument and an object with `{getState, extra}` as parameters, and use those to decide whether to continue or not. If the execution should be canceled, the `condition` callback should return a literal `false` value or a promise that should resolve to `false` or reject with any value. If a promise is returned, the thunk waits for it to get fulfilled before dispatching the `pending` action, otherwise it proceeds with dispatching synchronously.
+If you need to cancel a thunk before the payload creator is called, you may provide a `condition` callback as an option after the payload creator. The callback will receive the thunk argument and an object with `{getState, extra}` as parameters, and use those to decide whether to continue or not. If the execution should be canceled, the `condition` callback should return a literal `false` value or a promise that should resolve to `false`. If a promise is returned, the thunk waits for it to get fulfilled before dispatching the `pending` action, otherwise it proceeds with dispatching synchronously.
 
 ```js
 const fetchUserById = createAsyncThunk(

packages/toolkit/src/createAsyncThunk.ts

@@ -554,12 +554,11 @@ If you want to use the AbortController to react to \`abort\` events, please cons
         let finalAction: ReturnType<typeof fulfilled | typeof rejected>
         try {
           let conditionResult = options?.condition?.(arg, { getState, extra })
-          if (conditionResult instanceof Promise) {
-            try {
-              conditionResult = await conditionResult
-            } catch {
-              conditionResult = false
-            }
+          if (
+            typeof conditionResult === 'object' &&
+            typeof conditionResult.then === 'function'
+          ) {
+            conditionResult = await conditionResult
           }
           if (conditionResult === false) {
             // eslint-disable-next-line no-throw-literal

packages/toolkit/src/tests/createAsyncThunk.test.ts

@@ -615,7 +615,10 @@ describe('conditional skipping of asyncThunks', () => {
     const condition = () => Promise.reject()
     const asyncThunk = createAsyncThunk('test', payloadCreator, { condition })
     await asyncThunk(arg)(dispatch, getState, extra)
-    expect(dispatch).toHaveBeenCalledTimes(0)
+    expect(dispatch).toHaveBeenCalledTimes(1)
+    expect(dispatch).toHaveBeenLastCalledWith(
+      expect.objectContaining({ type: 'test/rejected' })
+    )
   })
 
   test('rejected action is not dispatched by default', async () => {