Merge pull request #3702 from reduxjs/create-reducer-payload

Switch advised syntax for create.reducer

Author: EskiMojo14

docs/api/createSlice.mdx

@@ -142,7 +142,6 @@ The main benefit of this is that you can create [async thunks](./createAsyncThun
 
 ```ts title="Creator callback for reducers"
 import { createSlice, nanoid } from '@reduxjs/toolkit'
-import type { PayloadAction } from '@reduxjs/toolkit'
 
 interface Item {
   id: string
@@ -161,7 +160,7 @@ const todosSlice = createSlice({
     todos: [],
   } as TodoState,
   reducers: (create) => ({
-    deleteTodo: create.reducer((state, action: PayloadAction<number>) => {
+    deleteTodo: create.reducer<number>((state, action) => {
       state.todos.splice(action.payload, 1)
     }),
     addTodo: create.preparedReducer(
@@ -209,7 +208,7 @@ A standard slice case reducer.
 - **reducer** The slice case reducer to use.
 
 ```ts no-transpile
-create.reducer((state, action: PayloadAction<Todo>) => {
+create.reducer<Todo>((state, action) => {
   state.todos.push(action.payload)
 })
 ```

packages/toolkit/src/tests/createSlice.typetest.ts

@@ -599,18 +599,14 @@ const value = actionCreators.anyKey
       }>()
 
       return {
-        normalReducer: create.reducer(
-          (state, action: PayloadAction<string>) => {
-            expectType<TestState>(state)
-            expectType<string>(action.payload)
-          }
-        ),
-        optionalReducer: create.reducer(
-          (state, action: PayloadAction<string | undefined>) => {
-            expectType<TestState>(state)
-            expectType<string | undefined>(action.payload)
-          }
-        ),
+        normalReducer: create.reducer<string>((state, action) => {
+          expectType<TestState>(state)
+          expectType<string>(action.payload)
+        }),
+        optionalReducer: create.reducer<string | undefined>((state, action) => {
+          expectType<TestState>(state)
+          expectType<string | undefined>(action.payload)
+        }),
         noActionReducer: create.reducer((state) => {
           expectType<TestState>(state)
         }),
@@ -788,7 +784,7 @@ const value = actionCreators.anyKey
         start: create.reducer((state) => {
           state.status = 'loading'
         }),
-        success: create.reducer((state, action: PayloadAction<T>) => {
+        success: create.reducer<T>((state, action) => {
           state.data = castDraft(action.payload)
           state.status = 'finished'
         }),