update docs and add type test for config

Author: EskiMojo14

docs/api/createAsyncThunk.mdx

@@ -772,20 +772,31 @@ const UsersComponent = (props: { id: string }) => {
 
 ## `createAsyncThunkCreator`
 
+Create a customised version of `createAsyncThunk` with defaulted options.
+
+Options specified when calling `createAsyncThunk` will override options specified in `createAsyncThunkCreator`.
+
 ### Options
 
 An object with the following optional fields:
 
-- `serializeError(error: any, defaultSerializer: (error: any) => SerializedError) => GetSerializedErrorType<ThunkApiConfig>` to replace or extend the default internal serializer method with your own serialization logic.
+- `serializeError(error: unknown) => GetSerializedErrorType<ThunkApiConfig>` to replace or extend the default serializer method with your own serialization logic.
+- `idGenerator(arg: unknown) => string`: a function to use when generating the `requestId` for the request sequence. Defaults to use [nanoid](./otherExports.mdx/#nanoid), but you can implement your own ID generation logic.
 
 ### Return Value
 
-`createAsyncThunkCreator` returns a Redux thunk action creator with customized options. Currently, the only option is `serializeError`.
+A version of `createAsyncThunk` that has options defaulted to the values provided.
 
 ### Example
 
 ```ts no-transpile
-import { createAsyncThunkCreator, SerializedError } from '@reduxjs/toolkit'
+import {
+  createAsyncThunkCreator,
+  miniSerializeError,
+  SerializedError,
+} from '@reduxjs/toolkit'
+import { isAxiosError } from 'axios'
+import { v4 as uuidv4 } from 'uuid'
 
 export interface AppSerializedError extends SerializedError {
   isAxiosError?: boolean
@@ -796,27 +807,13 @@ type ThunkApiConfig = {
   serializedErrorType: AppSerializedError
 }
 
-const createAppAsyncThunkCreator = createAsyncThunkCreator<ThunkApiConfig>({
-  serializeError(error, defaultSerializer) {
-    const serializedError = defaultSerializer(error) as AppSerializedError
-    serializedError.isAxiosError = error.isAxiosError
-    return serializedError
+export const createAppAsyncThunk = createAsyncThunkCreator<ThunkApiConfig>({
+  serializeError(error) {
+    return {
+      ...miniSerializeError(error),
+      isAxiosError: isAxiosError(error),
+    }
   },
+  idGenerator: () => uuidv4(),
 })
-
-function createAppAsyncThunk<
-  Returned,
-  ThunkArg = void,
-  T extends ThunkApiConfig = ThunkApiConfig,
->(
-  typePrefix: string,
-  payloadCreator: AsyncThunkPayloadCreator<Returned, ThunkArg, T>,
-  options?: AsyncThunkOptions<ThunkArg, T>,
-): AsyncThunk<Returned, ThunkArg, T> {
-  return createAppAsyncThunkCreator<Returned, ThunkArg, T>(
-    typePrefix,
-    payloadCreator,
-    options,
-  )
-}
 ```

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

@@ -1,4 +1,5 @@
 import type {
+  Action,
   AsyncThunk,
   SerializedError,
   ThunkDispatch,
@@ -7,6 +8,7 @@ import type {
 import {
   configureStore,
   createAsyncThunk,
+  createAsyncThunkCreator,
   createReducer,
   createSlice,
   unwrapResult,
@@ -888,4 +890,27 @@ describe('type tests', () => {
       expectTypeOf(ret.meta).not.toHaveProperty('extraProp')
     }
   })
+  test('createAsyncThunkCreator', () => {
+    const store = configureStore({
+      reducer: (state: Action[] = [], action) => [...state, action],
+    })
+
+    type RootState = ReturnType<typeof store.getState>
+    type AppDispatch = typeof store.dispatch
+
+    const createAsyncThunk = createAsyncThunkCreator<{
+      state: RootState
+      dispatch: AppDispatch
+    }>()
+
+    const thunk = createAsyncThunk(
+      'test',
+      (arg: string, { dispatch, getState }) => {
+        expectTypeOf(dispatch).toEqualTypeOf<AppDispatch>()
+        expectTypeOf(getState).toEqualTypeOf<() => RootState>()
+      },
+    )
+
+    store.dispatch(thunk('test'))
+  })
 })