TypeScript React Thunk Action Creator

actions.ts

import { Action } from 'redux';

import { AppActionCreator } from '.';

interface FooAction extends Action<'FOO'> {
    payload: string;
}

export const foo: AppActionCreator<FooAction> = (
    bar: string,
) => (dispatch, getState) =>
    dispatch({
        payload: bar + getState().baz,
        type: 'FOO',
    });

types.ts

import { Action } from 'redux';
import { ThunkAction } from 'redux-thunk';

import { AppState } from '../store';

export type AppActionCreator<
    A extends Action,
    /**
     * Result
     */
    R = A,
    /**
     * Extra argument in callback signature
     */
    E = void,
    /**
     * State returned when calling `getState`
     */
    S = AppState
    // tslint:disable-next-line:no-any
> = (...args: any[]) => ThunkAction<R, S, E, A> | R;