[redux]useEffect()が連続で呼ばれる原因がわからない

Question

前提・実現したいこと

reduxで状態管理をしようと考えていて、useEffectでapiを叩いて取得した情報をstateに入れようとしています。
その際にuseEffectの処理が連続でずっと呼ばれ続けてしまいます。
別のコンポーネントでも同じような処理を行なっていますが、そちらではうまくいきます。
どのような原因が考えられるでしょうか。

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

useEffect()の処理が呼ばれ続ける

該当のソースコード

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

Answer 1

useEffectに依存関係を示す[]がない場合、コンポーネントの更新のたびに毎回実行されます。

useEffectの中でdispatchを行っているので、そこでコンポーネントが更新されれば再度useEffectが実行されます（以下繰り返し）。

Comments

[aiai8976]

依存関係がなくても、空の[]を追加することで直りました！
```
useEffect(() =>
}, []);
```