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