useEffectが無限ループする... ...

ReactでuseEffectを使って、クライアントサイドで一度だけ処理を行おうとした。 こんな感じで... ...

const clientProccess = () => console.log('fire')

useEffect(() => {

 clientProccess()

})

だけどデバッグツールで見ると

fire
fire
fire
fire
fire
fire

と無限に出力されてしまう。 どうやらuseEffectのdepsのところに何も入れないと無限ループするらしい。 だから一度だけ呼びたい場合は

useEffect(() => {

 clientProccess()

}, [])

と書くとうまくいく。