Redux-thunkのdispatchが動作しない

Question

前提・実現したいこと

dispatchでpushし、画面遷移を行いたい！
引数で受け取ったdispatchがうまく動いてくれません。
どうすれば、動いてくれるのでしょうか？

発生している問題・エラーメッセージ

エラーメッセージ
TypeError: dispatch is not a function

該当のソースコード

import { db, FirebaseTimestamp } from "../../firebase/index";
import { push } from "connected-react-router";

const productsRef = db.collection("products");

export const saveProduct = (name, description, category, gender, price) => {
  return async (dispatch) => {
    const timestamp = FirebaseTimestamp.now();
    const data = {
      category: category,
      description: description,
      gender: gender,
      name: name,
      price: parseInt(price, 10),
      updated_at: timestamp,
    };

    const ref = productsRef.doc();
    const id = ref.id;
    data.id = id;
    data.created_at = timestamp;

    return productsRef
      .doc(id)
      .set(data)
      .then(() => {
        dispatch(push("/"));
      })
      .catch((error) => {
        throw new Error(error);
      });
  };
};

Answer 1

operationの発行元の書き方がまずかった