Tengo esta configuración de tienda angular

acción.ts

 export const saveUserAction = createAction( '[User] Save', props<{ payload: User }> ); export const saveUserSuccessAction = createAction( '[User] Save Success', props<{ data: User }> )

reductor.ts

 export const reducer = createReducer( initialState, on(loadUsers, (state) => ({...state, isLoading: true})), on(UserAction.loadUsersSuccess, (state, {data: users}) => ({...state, data: users, isLoading: false})), on(UserAction.loadUsersFailure, (state, error) => ({...state, error: error, isLoading: false})), on(saveUserFailureAction, (state, error) => ({...state, isLoading: false, error: error})), on(saveUserSuccessAction, (state, {data: user}) => ({...state, isLoading: false, selectedUser: user})), );

efecto.ts

 saveUserEffect$ = createEffect(() => this.actions$.pipe( ofType(saveUserAction), switchMap((action: ActionType<typeof saveUserAction>) => { return this.userService.saveUser(action.payload).pipe( map((user) => { return saveUserSuccessAction(user) }), catchError(error => observableOf(saveUserFailureAction({error: error}))) ) }) ))

Mecanografiado se queja

 TS2339: Property 'payload' does not exist on type 'ActionCreatorProps{ payload: User; }> & TypedAction"[User] Save"> & { type: "[User] Save"; }'

y en el reductor en saveUserSuccessAction se queja

 TS2339: Property 'data' does not exist on type 'ActionCreatorProps{ data: User; }> & TypedAction"[User] Save Success"> & { type: "[User] Save Success"; }'

parece que el tipo fuerte es muy difícil en java-script. No quiero usar ningún tipo

¿Cómo puedo hacer que funcione?