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

Author: thorn0

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 () => {