そのuseRef+useEffect、refコールバックのほうが良いかも？ - Qiita

Reactにおいて、useEffectのユースケースとして知られているのが、DOMノードに直接アクセスしなければいけない場合です。useRefでDOMノードをrefオブジェクトに取得し、エフェクト内からDOMノードにアクセスするというのがその場合の基本的なやり方です。 このようなuseRef + useEffect の使い方は、問題ない場合もありますが、実は別の手段を使った方がいい場合もあります。その場合に別の手段として適しているのがrefコールバックという機能です。 そこで、この記事ではどのような場合にuseRef + useEffectよりもrefコールバックが適しているのか、そしてrefコールバックを使う場合の注意点について解説します。 復習: refコールバックとは React DOMでは、組み込み要素（divなどHTMLの要素）に対してrefという特殊なpropを与えることができ

[jay-es]

useEffect はレンダリングのサイクル、ref コールバックは DOM ノードのライフサイクル

[shingo-sasaki-0529]

ref コールバック、存在は知ってるはずなのにいざ使うべき場面で全然思い出せてない。多くのケースで useEffect 不要なはずではあるけど、記事中のような課題発見から解決アプローチの提案は生半可な経験値じゃできなそう