memoize by props shortcut

memoizeByProps.js

const shallowCompare = (obj1, obj2) =>
  typeof obj1 === 'object' && typeof obj2 === 'object'
    ? Object.keys(obj1).length === Object.keys(obj2).length &&
      Object.keys(obj1).every(
        key => obj2.hasOwnProperty(key) && obj1[key] === obj2[key]
      )
    : obj1 === obj2

const memoizeByProps = (...props) => Component =>
  React.memo(Component, (prevProps, nextProps) =>
    props.every(prop => shallowCompare(prevProps[prop], nextProps[prop]))
  )

// usage: MemoizedComponent = memoizeByProps('propName' /*, 'otherProp', 'etc' */)(Component)
export default memoizeByProps