ReduxのapplyMiddleware内のdispatchについて

Question

applyMiddlewareのコードを見たのですが、わからないところがあります。
new Errorが入ったdispatchをmiddlewareAPIに入れて個々のミドルウェアに渡しているのですが、
例えばthunkなどはアクションにstore.dispatchを渡して、アクション内で実行させたりしていますが、
どうしてstore.dispatchが働くのかがわかりません。
どこでアクション関数内で働くdispatchにstore.dispatchに入れているのでしょうか？

基本的な認識が間違っているかもしれませんが、
よろしくお願いします。

applyMiddleware.js

export default function applyMiddleware(...middlewares) {
  return createStore => (...args) => {
    const store = createStore(...args)
    let dispatch = () => {
      throw new Error(
        `Dispatching while constructing your middleware is not allowed. ` +
          `Other middleware would not be applied to this dispatch.`
      )
    }

    const middlewareAPI = {
      getState: store.getState,
      dispatch: (...args) => dispatch(...args)
    }
    const chain = middlewares.map(middleware => middleware(middlewareAPI))
    dispatch = compose(...chain)(store.dispatch)

    return {
      ...store,
      dispatch
    }
  }
}

redux-thunk

function createThunkMiddleware(extraArgument) {
// ここのdispatchはmiddlewareAPIから渡ってきたdispatchだと思いますが、
// エラーが入ってたと思うのですがちゃんと働きます。
  return ({ dispatch, getState }) => next => action => {
    if (typeof action === 'function') {
      return action(dispatch, getState, extraArgument);
    }

    return next(action);
  };
}

const thunk = createThunkMiddleware();
thunk.withExtraArgument = createThunkMiddleware;

export default thunk;

Answer 1

どうやら変数巻き上げによるものみたいです。
const middlewareAPI = {
getState: store.getState,
dispatch: (...args) => dispatch(...args) ←1.ここのdispatchには
}
省略
dispatch = compose(...chain)(store.dispatch) ←2.ここのdispatchが入る

なので、ミドルウェア内でstore.dispatchを使うとループに陥ることがわかりました。

有難うございました。