如何调用 redux-thunk 的调度？

问：

我有以下操作

export const fetchCommentRequest = () => {
  return {
    type: FETCH_COMMENTS_REQUEST,
  };
};

export const fetchComments = () => {
  return (dispatch) => {
    dispatch(fetchCommentRequest());
    fetch("https://jsonplaceholder.typicode.com/comments")
      .then((res) => res.json())
      .then((comments) => dispatch(fetchCommentSuccess(comments)))
      .catch((err) => dispatch(fetchCommentFailure(err)));
  };
};

index.js

import { createStore, applyMiddleware } from "redux";
import { Provider } from "react-redux";
import rootReducer from "./redux/rootReducer";
import logger from "redux-logger";
import { composeWithDevTools } from "redux-devtools-extension";
import thunk from "redux-thunk";
const middleware = [thunk, logger];
const store = createStore(
  rootReducer,
  composeWithDevTools(applyMiddleware(...middleware))
);
console.log(store.getState());
ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById("root")
);

CommentsContainer.js

function CommentsContainer() {
      const { comments, loading } = useSelector((state) => ({
        comments: state.comments.items,
        loading: state.comments.loading,
      }));
    
      return (
        <Comments
          loading={loading}
          comments={comments}
        />
      );
    }

Comments.js

import React, { useEffect, useDispatch } from "react";
import { fetchComments } from "../redux/index";

const Comments = ({ comments, loading }) => {
  const dispatch = useDispatch();

  useEffect(() => {
    dispatch(fetchComments());
  }, []);

  const commentsItems = loading ? (
    <div>is loading...</div>
  ) : (
    comments.map((comment) => (
      <div key={comment.id}>
        <h3>{comment.name}</h3>
        <p>{comment.email}</p>
        <p>{comment.body}</p>
      </div>
    ))
  );

  return <div className="comments">{commentsItems}</div>;
};

export default Comments;

我想使用 redux-thunk 的调度来调用一个操作。但问题是当我调用此操作时，我会进入控制台。

TypeError：调度不是函数

我使用了useSelector，而不是connect（）。 我通过connect（）解决了这个问题，但是这次我想使用useSelector，所以我尝试并得到了一个错误。我需要做些什么来解决这个问题？