Cannot find name when using action as type in method

I am trying to use this awesome library with @ngxs/store. Everything works fine except the type signature on action methods. When trying to use a generated ts-action action Typescript shows the compile time error: Cannot find name 'ActionName'.

See this stackblitz as demo: https://stackblitz.com/edit/angular-azg9at

import { State, StateContext, Action, Selector } from '@ngxs/store';
import { action, payload } from 'ts-action';

export const CreateModelAction = action('[App] CREATE MODEL', payload<AppModel>());

export interface AppModel {
  id: number;
  name?: string;
}

export interface AppStateModel {
  models: AppModel[];
}

const DEFAULT_STATE: AppStateModel = {
  models: []
};

@State({
  name: 'app',
  defaults: DEFAULT_STATE
})
export class AppState {

  @Selector()
  static models(state: AppStateModel) {
    return state.models;
  }

  @Action(CreateModelAction)
  createModel(ctx: StateContext<AppStateModel>, action: CreateModelAction) { // <-- this is the error here
    ctx.patchState({
      models: [
        ...ctx.getState().models,
        action.payload
      ]
    })
  }
}

[cartant]

Actually, if you are using TypeScript 2.8, the best way to solve the problem is with the new, built-in InstanceType type:

export const CreateModelAction = action('[App] CREATE MODEL', payload<AppModel>());
export type CreateModelActionType = InstanceType<typeof CreateModelActionUnion>;

...

@Action(CreateModelAction)
createModel(ctx: StateContext<AppStateModel>, action: CreateModelActionType) { ... }

[cartant]

I don’t think so, action has to return a constructor - not the constructed type.

Anyway, there are some things that are much easier now, with TypeScript 2.8, so revisiting the implementation is on my todo list (to which I’ll add a reference to your question). It’s quite likely there will be some simplification (and breaking changes).