我在调用Redux-Toolkit（RTK）Query（RTKQ）自动创建的钩子时遇到了问题。我得到的问题是：“fetchIncreasesByOffice不是函数”
店

import { configureStore } from "@reduxjs/toolkit";
import { InvoiceSlice } from "./Invoices/InvoiceSlice";

export const store = configureStore({
  reducer: {
    [InvoiceSlice.reducerPath]: InvoiceSlice.reducer,
  },
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(InvoiceSlice.middleware),
  }
);

切片

import { createApi, fetchBaseQuery } from 
"@reduxjs/toolkit/query/react";

export const InvoiceSlice = createApi({
  reducerPath: "InvoiceSlice",
  baseQuery: fetchBaseQuery({
    baseUrl: "http://INVOICES_API:8081/api/",
  }),
  tagTypes: ["Invoices"],
  endpoints: (builder) => ({
    fetchInvoices: builder.query({
      query: () => "GetAllInvoices",
      providesTags: ["Invoices"],
    }),
    fetchInvoice: builder.query({
      query: (id) => `GetInvoice/${id}`,
      providesTags: ["Invoices"],
    }),
    fetchInvoicesByOffice: builder.query({
      query: (id) => `GetAllInvoices_ByOffice/${id}`,
      providesTags: ["Invoices"],
    }),
    addInvoiceComment: builder.mutation({
      query: (data) => ({
        url: "addComment",
        method: "POST",
        body: data,
      }),
      invalidatesTags: ["Invoices"],
    }),
    updateInvoicesStatus: builder.mutation({
      query: (data) => ({
        url: "values",
        method: "PUT",
        body: data,
      }),
      invalidatesTags: ["Invoices"],
    }),
    AddMatter: builder.mutation({
      query: (data) => ({
        url: "UpdateMatter",
        method: "PUT",
        body: data,
      }),
      invalidatesTags: ["Invoices"],
    }),
    fetchInvoice: builder.query({
      query: (id) => `GetComment/${id}`,
      providesTags: ["Invoices"],
    }),
  }),
});

export const {
  useFetchInvoicesQuery,
  useFetchInvoiceQuery,
  useFetchInvoicesByOfficeQuery,
  useAddInvoiceCommentMutation,
  useUpdateInvoicesStatusMutation,
} = InvoiceSlice;

组件

import React, { useState, useEffect } from "react";
import "./InvoiceList";
import "./InvoiceList.css";
import { ToastContainer, toast } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import { css } from "glamor";
import {
  useFetchInvoicesQuery,
  useLazyFetchInvoicesByOfficeQuery,
} from "../../features/Invoices/InvoiceSlice";

const InvoiceList = () => {
  const { data, refetch } = useFetchInvoicesQuery();
  const [fetchInvoicesByOffice, { currentData }] =
    useLazyFetchInvoicesByOfficeQuery();
  const [checked, setChecked] = useState(false);
  const [rowClicked, setRowClicked] = useState(0);
  const [office, setOffice] = useState("ALL");
  const [selection, setSelection] = useState("ALL");
  const [invoiceStatus, setInvoiceStatus] = useState();
  const [matter, setMatter] = useState("");
  const loggedUser = JSON.parse(localStorage.getItem("user"));
  const [invoicesState, setInvoicesState] = useState([]);
  const [term, setTerm] = useState("");
  const [userid, setUserId] = useState("");

  useEffect(() => {
    setUserId(loggedUser);
    setInvoicesState(data);
  }, [data]);

  let toastId = null;
  const displayToast = (message) => {
    if (!toast.isActive(toastId)) {
      toastId = toast(`${message} !!! 🚀`, {
        className: css({
          background: "#9e007e !important",
          color: "white !important",
          fontWeight: "bold",
        }),
        autoClose: 1000,
        closeOnClick: true,
        toastId: "my_toast",
        autoClose: true,
        closeButton: false,
        position: toast.POSITION.BOTTOM_CENTER,
      });
    }
  };

  const onSearchSubmit = (term) => {
    setTerm(term);
  };

  const handleOfficeClick = async (offc) => {
    setOffice(offc);

    if (office === "ALL") {
      refetch();
      setInvoicesState(data);
    } else {
      setOffice((prevState) => {
        fetchInvoicesByOffice(prevState);
        setInvoicesState(currentData);

        return !prevState;
      });
      // await fetchInvoicesByOffice(offc);
      // await setInvoicesState(currentData);
    }
  };

  useEffect(() => {
    if (office === "ALL") {
      setOffice(office);
      fetchInvoicesByOffice("ALL");
    } else {
      setOffice(office);
      fetchInvoicesByOffice(office);
    }
  }, [office]);

我希望能够在useEffect钩子回调函数或handleOfficeClick处理程序中使用钩子...................