generated at
useMemo
depsの値に変更があった場合のみ再評価して新しい値を返す
第二引数に関係なく初回のレンダリング時は実行される
副作用のある処理はuseMemo内に書いてはいけない
それはuseEffectに書く
useMemoは参照透過であり冪等である
同じ入力なら、同じ出力になるはず

docs


ts
const returnValue = useMemo(fn, [deos])


使い時
無駄なrenderingを抑える
React.memoも併用する
無駄な重い計算を省略する

Reactでのメモ化の方針



参考
結局useMemoはいつ使えばいいの？ 僕の決定版 - Qiita
基本的に書く。明らかに不要な場合は書かない。