What caused a re-render?

useTraceUpdate.js

// Tracks what prop is changing to trigger re-render
// shout out to this legend 
// https://stackoverflow.com/a/51082563/5157083
// usage useTraceUpdate(props) 
function useTraceUpdate(props) {
  const prev = React.useRef(props)
  React.useEffect(() => {
    const changedProps = Object.entries(props).reduce((ps, [k, v]) => {
      if (prev.current[k] !== v) {
        ps[k] = [prev.current[k], v]
      }
      return ps
    }, {})
    if (Object.keys(changedProps).length > 0) {
      console.log('Changed props:', changedProps)
    }
    prev.current = props
  })
}