How to dispatch an Action or a ThunkAction (in TypeScript, with redux-thunk)?

Question

Say I have code like so:

import { Action, Dispatch } from \'redux\';
import { ThunkAction } from \'redux-thunk\';

interface StateTree {
  field: string;
}

         


        

Answer 1

These are the correct typings: https://github.com/reduxjs/redux-thunk/blob/master/test/typescript.ts

Most notably:

const store = createStore(fakeReducer, applyMiddleware(thunk as ThunkMiddleware));

applyMiddleware will already override the dispatch with a ThunkDispatch.