React ユーザーのみなさま、useEffect を使っていて「想定外に副作用の関数 (第一引数) が実行されてしまった、でも依存 (第二引数) のどれが原因かわからない」ということはありませんか? 私はたまにあるので以下のスニペットを使っています。類似の問題でお困りの方はご利用ください。 import { useEffect, useRef } from "react"; type R = Record<string, unknown>; function useWhyDidYouUpdate(name: string, props: R) { const previousProps = useRef<R>(); useEffect(() => { const prev = previousProps.current ?? ({} as R); const allKeys = Obje