[Rudux toolkit]useEffect内のGET処理が止まらない

Question

前提・実現したいこと

redux-toolkitを使って状態管理を行なっています。
この時に、useEffectの中でdispatchを行い、apiを叩いてリストを取得する処理を行なっているのですが、json-serverを見た所GET処理が永遠走っています。
何が原因なのでしょうか。
ご教授お願いします。

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

永遠GET処理が走っていて止まらない
db-jsonのログ

GET /todo-lists 200 3.036 ms - 89
GET /todo-lists 200 3.217 ms - 89
GET /todo-lists 200 3.066 ms - 89

該当のソースコード

useEffect(() => {
    function fetchData() {
      try {
        dispatch(fetchHoge());
      } catch (err) {
        console.log(err.response);
      }
    }
    fetchData();
  });

const slice = createSlice({
  name: "hoge",
  initialState: {
    todo: [];
  },
  reducers: {
    fetchSucceed: (state, action) => {
      state.loading = false;
      state.todo = action.payload;
    },

export function fetchHoge() {
  return async (dispatch) => {
    try {
      const response = await hogeApi.getHoge();
      dispatch(slice.actions.fetchSucceed(response));
    } catch (err) {
      dispatch(slice.actions.fetchFaild(err));
    }
  };
}