v3.2.1 type error: An argument for 'payload' was not provided.

i have a storeAction that does not receive a payload.

but i can’t call that now without an argument:

 const increaseBenefitsNavCounter = useStoreActions(
    (s) => s.navigation.increaseBenefitsNavCounter,
  );

 // later
increaseBenefitsNavCounter(); // <<--- type error

[macrozone]

oops, i found the problem. In this project we have very simple local state, so i did not notice it:

we derived typeof’d part of the state, personally I prefer to not repeat literals 😉

This looks like this:

interface State {
  mobileNavVisible: boolean;
  benefitsNavCounter: number;
}
const initialState = {
  mobileNavVisible: false,
  benefitsNavCounter: 0,
};
export default {
  ...initialState,
  showMobileNav: action((state: State) => {
    state.mobileNavVisible = true;
  }),
  hideMobileNav: action((state: State) => {
    state.mobileNavVisible = false;
  }),
  toggleMobileNav: action((state: State) => {
    state.mobileNavVisible = !state.mobileNavVisible;
  }),
  increaseBenefitsNavCounter: action((state: State) => {
    state.benefitsNavCounter++;
  }),
  closeBenefitsNav: action((state: State) => {
    state.benefitsNavCounter = 5;
  }),
};

// in the global model:

import { Actions, createTypedHooks, Dispatch, Meta, State, Thunk } from "easy-peasy";

import cart from "../modules/cart/model";
import checkout from "../modules/checkout/model";

import navigation from "../modules/navigation/model"; // <-- this is the one from above
import profile from "../modules/profile/model";
import { Injections } from "./initStore";

const model = {
  cart,
  checkout,
  profile,
  navigation,
};

export type AppStore = typeof model;
export type AppState = State<AppStore>;
export type AppActions = Actions<AppStore>;
export type AppDispatch = Dispatch<AppStore>;

export type AppThunk<Model extends {}, Payload = void, Result = any> = Thunk<
  Model,
  Payload,
  Injections,
  AppStore,
  Promise<Result>
>;

export interface AppThunkHelpers<Model extends {}> {
  dispatch: Dispatch<AppStore>;
  getState: () => State<Model>;
  getStoreActions: () => Actions<AppStore>;
  getStoreState: () => State<AppStore>;
  injections: Injections;
  meta: Meta;
}

const { useStoreActions, useStoreState, useStoreDispatch } = createTypedHooks<AppStore>();
export { useStoreActions, useStoreState, useStoreDispatch };

export default model;

I now change slightly, which is clearer:

 increaseBenefitsNavCounter: action<State>((state) => {
    state.benefitsNavCounter++;
  }),

now typechecks work properly!

[ctrlplusb]

I just testing this in 3.6.4 and 3.7.2 and couldn’t reproduce the error.

Did you restart you TS server?