Ultimate debugging function to find out why a component seemingly re-renders itself in React

debug.js

function compare(currentProps, prevProps) {
    Object.keys(currentProps).forEach(key => {
        if (currentProps[key] !== prevProps[key]) {
            console.log(key, "changed from", prevProps[key], "to", currentProps[key]);
        }
    })
}