why-changed.tsx

const whyChangeRef = React.useRef({})

React.useEffect(() => {
    console.log('why am i rendered?')
    Object.keys(props).forEach((key) => {
      const before = whyChangeRef.current[key]
      const current = props[key]
      if (before !== current) {
        console.log(key + ' changed', [before, current])
      }
    })
    whyChangeRef.current = props
  }, Object.values(props))