infer action name from type

reduxjs · May 3, 2023 · fc53a5a · fc53a5a
1 parent 6189cc3
commit fc53a5a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/toolkit/src/actionCreatorInvariantMiddleware.ts b/packages/toolkit/src/actionCreatorInvariantMiddleware.ts
@@ -10,10 +10,12 @@ export interface ActionCreatorInvariantMiddlewareOptions {
 }
 
 export function getMessage(type?: unknown) {
+  const splitType = type ? `${type}`.split('/') : []
+  const actionName = splitType[splitType.length - 1] || 'actionCreator'
   return `Detected an action creator with type "${
     type || 'unknown'
   }" being dispatched. 
-Make sure you're calling the action creator before dispatching, i.e. \`dispatch(actionCreator())\` instead of \`dispatch(actionCreator)\`. This is necessary even if the action has no payload.`
+Make sure you're calling the action creator before dispatching, i.e. \`dispatch(${actionName}())\` instead of \`dispatch(${actionName})\`. This is necessary even if the action has no payload.`
 }
 
 export function createActionCreatorInvariantMiddleware(

diff --git a/packages/toolkit/src/tests/actionCreatorInvariantMiddleware.test.ts b/packages/toolkit/src/tests/actionCreatorInvariantMiddleware.test.ts
@@ -14,7 +14,7 @@ describe('createActionCreatorInvariantMiddleware', () => {
     consoleSpy.mockRestore()
   })
 
-  const dummyAction = createAction('anAction')
+  const dummyAction = createAction('aSlice/anAction')
 
   it('sends the action through the middleware chain', () => {
     const next: Dispatch = (action) => ({