みかづきメモ

学習したことのメモとか、日記とか、備忘録。

TypeScript で redux-thunk を使うとき

ぐぐったら、すでにあったけど、私はこの方法で解決したぜ!というメモで。

TypeScript で redux-thunk を使おうとすると、エラーが出ます。
具体的には、こんな時にエラーが出ます。

// @ src/store/configureStore.ts

/// <reference path="../typings/tsd.d.ts" />

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducers from '../reducers/index';

const createStoreWithMiddleware = applyMiddleware(
  thunk
)(createStore);

export default function configureStore(initialState) {
  return createStoreWithMiddleware(rootReducers, initialState);
}

直し方は、 import 部分を、下のように修正します。

import * as thunk from 'redux-thunk';

一応、 Issue も上がっているようです。

redux-thunk and TypeScript 1.6 · Issue #6231 · DefinitelyTyped/DefinitelyTyped · GitHub