Avoiding useEffect with callback refs

Last Update: 2024-12-08 Note: This article assumes a basic understanding of what refs are in React. Even though refs are mutable containers where we can theoretically store arbitrary values, they are most often used to get access to a DOM node:

[lizy]

DOM要素が有効になったタイミングで処理させたい場合、useRef+useEffectではなくrefにuseCallbackの関数を渡す方法、こんなやり方があるのか