19 lines
521 B
TypeScript
19 lines
521 B
TypeScript
import { useRef, useEffect } from "react"
|
|
|
|
function useTraceUpdate(props: { [key: string]: any }) {
|
|
const prev = useRef(props)
|
|
useEffect(() => {
|
|
const changedProps = Object.entries(props).reduce((ps, [k, v]) => {
|
|
if (prev.current[k] !== v) {
|
|
ps[k] = [prev.current[k], v]
|
|
}
|
|
return ps
|
|
}, {} as { [key: string]: any })
|
|
if (Object.keys(changedProps).length > 0) {
|
|
console.log("Changed props:", changedProps)
|
|
}
|
|
prev.current = props
|
|
})
|
|
}
|
|
|
|
export default useTraceUpdate
|