组件从一个调度发出两个api调用

我有一个问题,我的组件正在进行两个api调用,而不是一个。我正在将react和react-redux与reactjs/toolkit一起使用。我尝试了不同的解决方案,比如在useEffect钩子中更改依赖性数组,更改请求头,查看整个代码库以找到另一个调用。什么都没用。 我也试过了,但没用。 Why does my fetch query run multiple times in my React component

我希望这段代码在安装组件后不久调用一次api。

Redux开发工具显示有两个api调用。一个接一个。 Sceenshoot of actions in dev tools.

useEffect(() => {
    dispatch(fetchPosts('hot', ''));
  }, [dispatch]);

https://github.com/chpiotr06/Reddit-minimal/tree/dev

抓取thunk如下所示:

export const fetchPosts = createAsyncThunk(
  'wall/fetchPosts',
  async (type, querry) => {
    const response = await Reddit.fetchPosts(type, querry);
    const data = await response.json();
    return data;
  }
)

Reddit。获取帖子(正在进行中):

const Reddit = {
  fetchPosts: (type, querry) => {
    return fetch(`https://www.reddit.com/${type}.json`, {
      method: 'GET',
      mode: 'cors',
    })
  },
}